* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body,
button,
input,
select,
textarea {
font: 1.4rem "Microsoft YaHei";
outline: none;
font-family: "Microsoft Yahei",Arial, Helvetica,"Hiragino Sans GB", SimSun,  "Helvetica Neue";
}
ul,
ol,
li {
list-style: none;
}
input,
button {
border: none;
outline: none;
background: none;
}
input[type="button"],
input[type="submit"],
input[type="reset"],
select {
-webkit-appearance: none;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari 和 Chrome */
}
html {
font-size: 62.5% !important;
}
body {
font-size: 1.4rem;
color: #3E3E3E;
}
.clearfix {
clear: both;
}
p{margin-bottom: 0;}
img {
display: block;
border: none;
}
a {
color: #3E3E3E;
text-decoration: none !important;
}
a:hover{
color: #3E3E3E;
text-decoration: none !important;
}
.mouse1{
width: 20px; height: 37px; position: absolute; bottom: 100px; z-index: 2; animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate; -moz-animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate; -webkit-animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate; -o-animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate; display: block; left: 50%; margin-left: -10px; color: transparent; font-size: 0;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
/*backToTop*/
.model_back_top {
position: absolute;
top: -54px;
right: 3%;
z-index: 99;
width: 54px;
height: 54px;
background: url("../image/arrow-top.png") no-repeat center 14px;
background-color: #00375d;
opacity: 0.8;
cursor: pointer;
transition: all 0.6s;
font-size: 12px;
color: #fff;
text-align: center;
padding-top: 28px;
}
.model_back_top:hover {
opacity: 1;
}



/*loadding*/
.loading{position: fixed;top: 0;left: 0; width: 100%;height: 100%; z-index: 101;pointer-events: none;}
.lodingLOgo{position: absolute;top: 50%;left: 50%;width: 200px;height: 70px;margin-left: -100px;margin-top: -50px;z-index: 1;}
.loading img{width: 100%; }
.loading .topBlock{z-index: 0; background-color: #005094;position: absolute;top: 0;left: 0;width: 100%;height: 50%;transition-duration: 1s;-webkit-transition-duration: 1s;}
.loading .topBlock.out{top:-50%;}
.loading .bottomBlock{z-index: 0;background-color: #005094;position: absolute;bottom: 0;left: 0;width: 100%;height: 50%;transition-duration: 1s;-webkit-transition-duration: 1s;}
.loading .bottomBlock.out{bottom: -50%;}
.loading .mask{-webkit-mask:url(../image/mask1.png);-webkit-mask-size: cover;overflow: hidden;position: relative;}
.light {
position: absolute;
left: -100%;
top: 0;
width: 150px;
height: 100%;
background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
transform: skewX(-25deg) rotate(90deg);
z-index: 9999;
transition: all 1s;
-moz-transition:all 0.5s;
}
.light.active{margin-left: 200%;}
.mobilebanner{display: none;}
/*header*/
.whiteBg,.header{background-color: #e4e4e4;}
header{transition-duration: .5s;-webkit-transition-duration: .5s; position: absolute;top: 0;left: 0;width: 100%;height: 140px; z-index: 100;padding-top: 45px;box-sizing: border-box;}
.headerIndex{background: none;border-bottom: none;}
header .header-body{margin: 0 auto; width: 94%; padding-bottom: 28px; border-bottom: 1px solid #c4c4c4;}
.headerIndex .header-body{border-bottom: none;}
header .logo{display: inline-block;position: relative;z-index: 110;}
header .logo a{display: block;}
header .mobile{display: none;}
header nav{float: right;margin-top: 25px;width: 840px;}
header nav li{position: relative; float: left; width: 120px; padding: 0px 10px; box-sizing: content-box;}
header nav li:after{content: "";position: absolute;right: 0;top: 7px; width: 1px;height: 17px;background: #c6c6c6;}
header nav li.last:after{display: none;}
header nav li a{position: relative; display: inline-block;width: 100%;text-align: center;color: #c4c4c4;font-size: 14px;line-height: 32px;border-radius: 20px;transition-duration: .5s;-webkit-transition-duration: .5s;}
header nav li.service a:after{display: none; content: ""; position: absolute;bottom: -20px;left: 50%;margin-left: -10px; border: 10px solid;border-color: #da251d transparent transparent transparent;}
header nav li.service:hover a:after,header nav li.service.active a:after {display: block;}
header nav li a{color: #3e3e3e;}
.headerIndex nav li a{color: #fff;}
.moreList{ visibility: hidden;-webkit-transform: perspective(800px) rotateX(-90deg);transform: perspective(800px) rotateX(-90deg);-webkit-transform-origin: center top;-ms-transform-origin: center top;transform-origin: center top;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transition: all .5s cubic-bezier(.77,0,.175,1) 0s;transition: all .5s cubic-bezier(.77,0,.175,1) 0s; position: absolute;top: calc(100% - 1px);left: 0; width: 100%;background-color: #fff;text-align: center;border-top: 1px solid #c4c4c4;}
.moreList a{margin: 40px 65px 30px; display: inline-block;text-align: center;color: #414141;}
.moreList a .img{position: relative;}
.moreList a .img img{position: relative;z-index: 1; margin: 0 auto;transform: scale(.9);-webkit-transform: scale(.9); transition-duration: .5s;-webkit-transition-duration: .5s;max-width: 140px}
.moreList a .cn{font-size: 16px;margin-bottom: 3px;}
.moreList a .en{font-size: 10px;opacity: .6;text-transform: uppercase;}
.moreList:after{content: "";position: absolute;top: 50%;left: 10%; height: 1px;width: 80%;background-color: #e5e5e5;transition-duration: 1s;-webkit-transition-duration: 1s;transition-delay: .5s;-webkit-transition-delay: .5s; transform-origin: center;-webkit-transform-origin: center;transform: scale(0);-webkit-transform: scale(0);}
.moreList a .bg{overflow: hidden; position: absolute;width: 100px;height: 100px;top: 50%;left: 50%;margin-left: -50px;margin-top: -50px;z-index: 0;}
.moreList a .bg span{width: 0; position: absolute;top: 0;left: 0; width: 100%;height: 5px; background: #df261a;transition-duration: .8s;-webkit-transition-duration: .8s;}
.moreList a .bg .left,.moreList a .bg .right{width: 5px;height: 100%;}
.moreList a .bg .top{left: -100%;}
.moreList a .bg .left{top: -100%;}
.moreList a .bg .right{left: auto;right: 0;top: 100%;}
.moreList a .bg .bottom{top: auto;bottom: 0;left: 100%;}
.moreList a:hover{color: #df261a;}
.moreList a:hover .img img{transform: none;-webkit-transform: none;}
.moreList a:hover .bg .top{left: 0;}
.moreList a:hover .bg .right{top: 0;}
.moreList a:hover .bg .bottom{left: 0;}
.moreList a:hover .bg .left{top: 0;}
.moreList.active{visibility: visible; transform: none;-webkit-transform: none;}
.moreList.active:after{transform: scale(1);-webkit-transform: scale(1);}
header.active,.case header.active{position: fixed;padding-top: 10px;height: auto;background-color: #efefef;}
header.active nav{margin-top: 5px;}
header.active nav li a{color: #3e3e3e;}
header.active .logo img{height: 40px;}
header.active .header-body{padding-bottom: 10px;}
header nav li:hover a,header nav li.active a{color: #fff; background-color: #da251d;}
.headerIndex.fixed{position: fixed;}
/*footer*/
footer{position: relative; padding-top: 40px; background-color: #002d52;}
footer .tops,footer .bottom >div{width: 94%;margin: 0 auto;}
footer .left{float: left;}
footer .left .logo a{display: inline-block;}
footer .right{float: right;}
footer .bottomNav{padding-top: 42px;}
footer .bottomNav ul{overflow: hidden;}
footer .bottomNav li:first-child{margin-left: -45px;}
footer .bottomNav li{position: relative; float: left; padding: 0 14px;width: 126px;text-align: center; font-size: 14px;}
footer .bottomNav li:after{content: "";width: 1px;height: 12px;background-color: #4d6c86;position: absolute;right: 0;top: 50%;margin-top: -6px;}
footer .bottomNav li.last:after{display: none;}
footer .bottomNav li a{color: #fff;opacity: .7;transition-duration: .5s;-webkit-transition-duration: .5s;}
footer .bottomNav li a:hover{opacity: 1; color: #d2281d;}
footer .right{padding-top: 0;}
footer .right .link{clear: both;}
footer .right .link a{cursor: pointer; position: relative;padding: 0 20px; display: inline-block;font-size: 12px;}
footer .right .link a:after{content: ""; position: absolute;bottom: 0;right: 0; background-color: #335775;width: 1px;height: 14px;}
footer .right .link a p{position:relative;color: #fff;opacity: .3;}
footer .right .link a>img{margin: 0 auto 10px;}
footer .right .link a span{display: block;}
footer .right .link a span img{margin: 0 auto 10px;}
footer .right .link .qr:after{display: none;}
footer .right .link .qr .qrCode{display: none; position: absolute;bottom: 75px;left: 50%;margin-left: -52.5px;transition-duration: .5s;-webkit-transition-duration: .5s;}
footer .right .link .qr .qrCode:after{content: "";position: absolute;bottom: -12px;left: 50%;margin-left: -6px; border: 6px solid;border-color: #fff transparent transparent transparent;}
footer .right{margin-bottom: 50px;}
footer .right select{margin-bottom: 20px;outline: none;border: none;margin-left: 20px; border-radius: 15px;padding-left: 20px;}
footer .right select option{padding-left: 0;}
footer .bottom{color: #fff; padding: 18px 0;font-size: 12px; background-color: #001a2f;overflow: hidden;}
footer .bottom p{opacity: .3;}
footer .bottom .shuwon{opacity: 1;text-align: right;}
footer .bottom .shuwon span{opacity: .3;}
footer .bottom .shuwon a{opacity: .3;color: #fff;}
footer .bottom .shuwon a:hover{opacity: 1;}
footer .bottom .mes{float: left;}
footer .bottom .copyright{float: right;}

/*IEtips*/
.IEtips { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background: url(../image/ieBG.png); display: none; }
.IEtips_Box { width: 1000px; background: #FAFAFA; height: 500px; position: absolute; left: 50%; top: 50%; margin: -250px 0 0 -500px; }
.IEtips .Browser { margin-top: 35px; }
.IEtips .IEtips_title { font-size: 36px; width: 80%; margin: 0 auto; padding-top: 35px; }
.IEtips .Browser ul { overflow: hidden; text-align: center; width: 80%; margin: 0 auto; }
.IEtips .Browser ul li { margin: 0 40px; text-align: center; width: 120px; float: left; }
.IEtips .Browser ul li img { width: 100px; margin: 0 auto; }
.IEtips .Browser ul li a, .IEtips .Browser ul li span { display: inline-block; margin-top: 25px; color: #2570e1; font-size: 16px; transition: all .5s; -webkit-transition: all .5s; }
.IEtips .Browser ul li a:hover { color: #800886; }
.IEtips .brn_off { background: url(../image/brn_off.png); height: 32px; width: 32px; position: absolute; top: 5px; right: 5px; cursor: pointer; }

/*****************************************common part*************************/
body{background-color: #e4e4e4;position: relative;}
.main{padding-top: 140px;}
.wd1765{width: 94%;margin: 0 auto;}
.wd1630{width: 85%;margin: 0 auto;}
.wd1480{width: 78%;margin: 0 auto;}
.wd1350{width: 90%;margin: 0 auto;}
.wd1120{width: 100%;margin: 0 auto;}
.topTit{position: relative;margin-top: 50px; margin-bottom: 50px; color: #3e3e3e; display: none;}
.topTit:before{content: "";position: absolute;left: 0;top: -18px; width: 42px;height: 1px;}
.topTit .cn{font-size: 24px;vertical-align: bottom;}
.topTit .en{margin-left: 15px; text-transform: uppercase; font-size: 18px;opacity: .5;}
.banner-in{margin-bottom: 25px;}
.banner-in img{width: 100%;}
.comNav{padding: 0 0px;height: 70px;line-height: 70px; overflow: hidden;background-color: #fff;}
.comNav .left{position: relative; font-size: 18px;}
.comNav .left a{padding: 0 45px; text-align: center; float: left; -webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.comNav .left a.active,.comNav .left a:hover{color: #FFFFFF; background: #d2281d;}
.comNav .left .slideBar{position: absolute;bottom: 0;left: 0; width: 122px;height: 3px;background-color: #d2281d;transition-duration: .5s;-webkit-transition-duration: .5s; display: none;}
.crumbs{font-size: 14px;overflow: hidden;float: right;min-width: 300px;text-align: right; margin-right: 20px; opacity: .7;}
.crumbs a{color: #3E3E3E;display: inline-block;}
.crumbs a:hover{ color: #d2281d;}
.crumbs .cur{ color: #d2281d;}

.aboutB .realCont .content{padding-top: 0;padding-bottom: 0;}
.aboutB .realCont .content >div{padding-top: 0px;}
.realCont .content{ margin-bottom: 86px; padding: 0px 0;background-color: #f2f2f2;overflow: hidden;}
.realCont .content .tits{margin: 0 60px; padding-bottom: 18px;line-height: 30px;font-size: 24px; border-bottom: 1px solid #c2c2c2; display: none;}
.realCont .content .des{padding: 46px 0;margin: 0 60px; position: relative;overflow: hidden;}
.realCont .content .leftNav{ position: absolute;left: 0;top: 46px;font-size: 18px; width: 20%;}
.realCont .content .leftNav.fixed{position: fixed;top: 100px; }
.realCont .content .leftNav ul{position: relative;}
.realCont .content .leftNav li{ margin-bottom: 40px;position: relative;}
.realCont .content .leftNav li.active:before,.realCont .content .leftNav li:hover:before{content: "";position: absolute;left: 10px;top: 50%;margin-top: -4px;border: 4px solid;border-color: transparent transparent transparent #d2281d;}
.realCont .content .leftNav a{padding-left: 24px; background: none;}
.realCont .content .leftNav li.active a,.realCont .content .leftNav li:hover a{background: none; color: #d2281d;}
.realCont .content .rightCont{width: 78%;float: right;}
.realCont .content .rightCont .titles{font-size: 24px;font-weight: bold;}
.recruitment #box2 .flbox{margin-top: 32px;  border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;padding-top: 18px;}
.recruitment #box2 ul{width: 850px; }
.recruitment #box2 ul li{display: inline-block;width: 64px; margin-right: 70px;margin-bottom: 20px;text-align: center;font-size: 12px;}
.recruitment #box2 ul li img{width: 43px;margin: 0 auto 5px;}
.recruitment #box2{margin-bottom: 65px;}

/*****************************************index********************************/
.fixedBanner{height: 100%;}

.banner{overflow: hidden;top: 0;left: 0;width: 100%;height: 100%}
/*.banner img{width: 100%;}*/
.banner-text {max-width: 100%;width: auto!important;}
.zzn{margin-top: 55px;overflow: hidden; position: relative;display: block;width: 143px;height: 28px;line-height: 28px;color: #da251d;font-size: 14px;text-align: center;text-transform: uppercase;border-radius: 20px;background-color: #fff;transition-duration: .5s;-webkit-transition-duration: .5s;}
.zzn p{position: absolute;width: 100%;height: 100%;z-index: 1;}
.zzn:before{content: "";width: 100%;height: 1px;background-color: #cf0f07;position: absolute;top: -20px;left: 0;}
.zzn:after{border-radius: 20px; content: "";width: 100%;height: 100%;background-color: #cf0f07;position: absolute;top: 0;left: -100%;transition-duration: .5s;-webkit-transition-duration: .5s;z-index: 0;}
.zzn:hover{color: #fff;}
.zzn:hover:after{left: 0;}
.btn{position: relative; text-align: left;margin-top: 20px;padding-bottom: 20px;}
.btn:after{content: "";left: 0;bottom: 0; position: absolute;width: 0;height: 5px;background-color: #da251d;transition-duration: .5s;-webkit-transition-duration: .5s;}
.m--active-control .btn:after,.btn:hover:after{width: 36px;}
.btn .cn{font-size: 18px;}
.btn .en{font-size: 12px;text-transform: uppercase;}
.main-body{background-color: #efefef;position: relative;}
.product{position: relative; box-sizing: border-box; background: url(../image/product-bg.jpg) no-repeat;background-position: center top;background-size: 100% 50%;}
.product:after{content: "";position: absolute;left: 0; bottom: 40px;width: 100%;height: 1px;background-color: #bebebe;}
.product .swiper-container{}
/*.product .swiper-container{height: 100%;}*/
.product .swiper-slide{height: auto;}
.product .left{position: absolute;display: inline-block; top: 0;left: 0;height: 100%; width: 40%;margin:0 7%;box-sizing: border-box;}
.product .left >img{width: 100%;}
.product .left .img{position: relative;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 100%;height: auto;}
.product .left .img img{margin: 0 auto; max-width: 100%; transform: translateX(100px);-webkit-transform: translateX(100px);transform: translateX(100px);opacity: 0;transition-duration: 1s;-webkit-transition-duration: 1s;transition-delay: .5s;-webkit-transition-delay: .5s;}
.product .left .bg-text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); z-index: -1;}
.product .left .proType{text-align: center;font-size: 18px;}
.product .left .proType i{display: inline-block;margin-right: 10px;}
.product .swiper-slide-active .left .img img{transform: translateX(0);opacity: 1;max-width: 100%;margin: 0 auto;}
.product .swiper-slide-active .right{height: 100%; transform: translateX(0);opacity: 1;}
.product .right{display: flex;align-items: center;display: -webkit-flex;-webkit-align-items: center; width: 46%;float: right;transform: translateX(100px);opacity: 0; transition-duration: 1s;-webkit-transition-duration: 1s; transition-delay: 1s;-webkit-transition-delay: 1s;}
.product .right .center{}
.product .right .tit{position: relative; padding-top: 27px;margin-bottom: 32px; color: #005eae;}
.product .right .tit:before{position: absolute;top: 0;left: 0; content: "";width: 37px;height: 5px;background-color: #db3028;}
.product .right .tit .cn{margin-right: 13px; font-size: 40px;}
.product .right .tit .en{font-size: 18px;font-weight: 400;text-transform: uppercase;}
.product .right .tit p{font-size: 14px; color: #575757;}
.product .right .control-btn{position: relative;width: 100px;height: 38px;}
.product .right .control-btn a{cursor: pointer; display: inline-block;width: 38px;height: 38px;border-radius: 50%;background: url(../image/arrow-left-red.png) no-repeat center center;background-color: #fff;transition-duration: .5s;-webkit-transition-duration: .5s;}
.product .right .control-btn a:hover{background-color: #d31008;}
.product .right .control-btn .btn-l{left: 0;}
.product .right .control-btn .btn-r{right: 0; background-image: url(../image/arrow-right-red.png);}
.product .right .control-btn .btn-l:hover{background-image: url(../image/arrow-left.png);}
.product .right .control-btn .btn-r:hover{background-image: url(../image/arrow-right.png);}
.product .right .title{margin-top: 20px;margin-bottom: 30px; color: #fff;}
.product .right .title .proName{font-size: 30px;}
.product .right .title .abs{margin-top: 15px; font-size: 14px;min-height: 38px;}
.product .right .videoOrNot{width: 220px;position: relative;}
.product .right .videoOrNot .play-btn{cursor: pointer; position: absolute;top: 50%;left: 50%;margin-left: -16px;margin-top: -18px;}
.product .right .parameter{margin-top: 10px;}
.product .right .parameter .tits{font-size: 24px;}
.product .right .parameter .detail{margin-top: 18px; font-size: 14px;line-height: 30px;}
.product .right .center> a{margin-top: 18px; display: inline-block;width: 106px;line-height: 30px;font-size: 12px;color: #fff;background-color: #d31008;text-align: center;border-radius:5px;}
.product .my-dot{bottom: 40px; width: auto; left: 50%;transform: translateX(-50%);background-color: #e4e4e4;}
.product .my-dot span{margin: 0 15px; width: 6px;height: 17px;border-radius: 0; background-color: #005094;opacity: 1;transition-duration: .5s;-webkit-transition-duration: .5s;}
/*.product .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 15px;}*/
.product .my-dot .swiper-pagination-bullet-active{width: 10px; height: 35px; background-color: #d31008;}
.application{}
.application .wd1480{width: 80%;}
.application .title{margin: 0 auto; width: 372px;color: #005eae;text-align: center;line-height: normal;}
.application .title .cn{font-size: 40px;margin-bottom: 5px;}
.application .title .en {margin-bottom: 5px; position: relative; font-size: 18px;text-transform: uppercase;font-weight:300;}
.application .title .en:before,.application .title .en:after{content: "";position: absolute;top: 50%;background-color: #76a5cd;width: 112px;height: 1px; left: 0;}
.application .title .en:after{right: 0;left: auto;}
.application .title .advantage{font-size: 14px; color: #3E3E3E;}
.application ul{margin-top: 120px;}
.application ul li{float: left;width: 20%;}
.application .mobile{overflow: visible;}
.application ul li .imbx{ display: block;position: relative;transition-duration: .5s;-webkit-transition-duration: .5s;}
.application ul li .imbx .img{}
.application ul li .imbx .img img{width: 100%;opacity: .5;transition: all .5s;-webkit-transition: all .5s;}
.application ul li .imbx .description{position: absolute;bottom: 0;left: 0;width: 100%;opacity:0; padding: 10px 3%; height: auto; background-color: #d31008;color: #ececec;text-align: center;transition-duration: 1s;-webkit-transition-duration: 1s;}
.application ul li .imbx .description .tit{position:relative;padding-bottom: 8px; font-size: 14px;-webkit-transition-duration: .5s;transition-duration: .5s;max-height: 54px;overflow: hidden;}
.application ul li .imbx .description .tit span{display: block;max-height: 54px;overflow: hidden;}
.application ul li .imbx .description .tit:after{content: "";position: absolute;bottom: 0; left: 50%;margin-left: -40px; width: 80px;height: 1px;background-color: #ececec;}
.application ul li .imbx .description .more{display: block;color: #fff; margin: 15px auto 0; font-size: 12px;width: 140px; height: 28px;line-height: 25px; border: 1px solid #db524d;text-transform: uppercase;}
.application ul li.active .img img{opacity: 1;width: 100%;}
.application ul li.active .imbx{transform: scale(1.2); z-index: 1;}
.application ul li.active .imbx .description{opacity: 1;}
.superiority{background: url(../image/benifit-bg.png) no-repeat center bottom;background-size: 100% auto;}
.superiority .abs{width: 60%;margin: 0 auto;line-height: 24px;}
.superiority.superiority .logos{margin-bottom: 40px;}
.superiority .logos img{margin: 0 auto;}
.superiority >p{font-size: 14px;line-height: 27px;text-align: center;}
.superiority .details{width: 90%; margin: 60px auto 0;padding-top: 80px; border-top: 1px solid #adb1b8;display: flex;justify-content: space-between; text-align: center;}
.superiority .details a{width: 18%;text-align: center;color: #005ba6;cursor: default;pointer-events: none; display: inline-block;}
.superiority .details a .theme{overflow: hidden; width: 139px; height: 70px; position: relative; background: url(../image/tt1.png) no-repeat; margin: auto;}
.superiority .details a .theme .lightMask{width: 200px;height: 75px;position: absolute;top: 0;left: -200px;background: #fff;opacity: .6;transform: rotate(-45deg);}
.superiority .details a .theme.b{ background-image: url(../image/tt2.png)}
.superiority .details a .theme.c{ background-image: url(../image/tt3.png)}
.superiority .details a .theme.d{ background-image: url(../image/tt4.png)}
.superiority .details a .en{position: relative; font-size: 18px;color: #d31008;margin-top: 10px;}
.superiority .details a .en span{position: relative;z-index: 1; display: inline-block;padding:  0 15px;}
.superiority .details a .en:before,.superiority .details a .en:after{content: "";position: absolute;z-index: 0; top: 50%;left: 0; width: 30%; height: 1px;background-color: #a5c3dc;}
.superiority .details a .en:after{left: auto;right: 0;}
.superiority .details a .desc{margin-top: 10px;margin-bottom: 90px; color: #005ca7;font-size: 14px;line-height: 24px;}
.superiority .mores{display: block;margin: 0 auto; font-size: 16px; margin: 0 auto; width: 106px;height: 32px;line-height: 32px;background-color: #fff;text-align: center;text-transform: uppercase;border-radius: 20px;overflow: hidden;}
.superiority .mores:hover{color: #fff;}
/*.application .superiority .mores span{font-size: ;}*/
.headerNews{background-color: #fff;}
.headerNews .newsBox{margin: 0 auto; width: 90%;}
.headerNews .titles{margin: 0 auto 100px; width: 326px; text-align: center;}
.headerNews .titles .cn{font-size: 40px;color: #005ba6;}
.headerNews .titles .en{position: relative; color: #005eae;}
.headerNews .titles .en:before,.headerNews .titles .en:after{content: "";position: absolute;left: 0;top: 50%;width: 112px; height: 1px;background-color: #7faed6;}
.headerNews .titles .en:after{right: 0;left: auto;}
.headerNews ul{display: flex;justify-content: center;height: 505px;}
.headerNews ul li{box-sizing: content-box; width: 24%;margin-right: calc(4%/3); height: auto;}
.headerNews ul li:last-child{margin-right: 0;}
.headerNews ul li a{display: block;width: 100%;height: 100%; padding: 8%;padding-bottom: 25px; }
.headerNews ul li a .img{opacity: 0; margin-bottom: 15px;height: auto;overflow: hidden;transform: scale(.9);-webkit-transform: scale(.9); transition-duration: 1s;-webkit-transition-duration: 1s;}
.headerNews ul li a .img img{max-width: 100%;margin: 0 auto;}
.headerNews ul li a .des{margin-top: -100px; transition-duration: 1s;-webkit-transition-duration: 1s;}
.headerNews ul li a .tit{ margin-bottom: 10px; font-size: 18px;transition-duration: 1s;-webkit-transition-duration: 1s;}
.headerNews ul li a .date{display: block; margin-bottom: 15px; font-size: 14px;opacity: .5;}
.headerNews ul li a .abs{overflow: hidden; font-size: 14px;line-height: 24px; opacity: .5;max-height: 72px;}
.headerNews ul li a .moreN{overflow: hidden; border-radius: 20px; display: block;margin-top: 20px; width: 106px;height: 32px;line-height: 32px;font-size: 14px; background-color: #d31008;text-align: center;text-transform: uppercase; opacity: 0;transition-duration: .5s;-webkit-transition-duration: .5s;color: #f1f1f1;}
.headerNews ul li a .moreN p{line-height: 32px;}
.headerNews ul li a .moreN:hover{border: none;}
.headerNews ul li a .moreN i{font-style: normal;display: inline-block;}
.headerNews ul li:hover a{border: 2px solid #d31008;}
.headerNews ul li:hover .tit{margin-top: 15px; color: #d31008;}
.headerNews ul li:hover a .img{opacity: 1;transform: scale(1);-webkit-transform: scale(1);}
.headerNews ul li:hover a .des{margin-top: 0;}
.headerNews ul li:hover a .moreN{ opacity: 1;}
#mapIndex{height: 408px; background: url(../image/maps.jpg) center center no-repeat; position: relative;}
#mapIndex .pos{
width: 400px;
height: 40px;
position: absolute;
left: 50%;
margin-left: -255px;
top: 180px;
background: #e7e7e7;
line-height: 40px;
text-align: center;
font-size: 14px;
border-radius: 40px;
}

.lightBox{display: none; position: fixed;top: 0;left: 0; width: 100%;height: 100%; z-index: 100;}
.lightBox .bg{position: absolute;top: 0;left: 0; width: 100%;height: 100%;background: #000;opacity: .8;}
.lightBox .videoBox{position: absolute;top: 50%;left: 50%;margin-left: -400px;margin-top: -225px;z-index: 1;}
.lightBox .closeVideo{position: absolute;top: -40px;right: -40px;width: 40px;cursor: pointer;transition-duration: .5s;-webkit-transition-duration: .5s;}
.lightBox .closeVideo:hover{width: 50px;}
.lightBox .closeVideo img{width: 100%;}

/****/
.realCont .content .fullCont{width: 100%;font-size: 14px;line-height: 26px;}
.realCont .content .fullCont p{text-transform: uppercase;}
.realCont .content p.red{color: #d90d20;}
.realCont .content .marks{padding-left:30px;padding-right: 30px;position: relative;display: inline;}
.realCont .content .marks:before,.realCont .content .marks:after{content: '';display: block;position: absolute;width: 18px;height: 17px;background-position: center center;background-size: 100% auto;}
.realCont .content .marks:before{background-image: url(../image/marks1.png);left: 0;top: -3px;}
.realCont .content .marks:after{background-image: url(../image/marks.png);right: 0;bottom: -3px;}

/**********************************introduce of company(about us)***********************************************/
.introduce .realCont{}
.rightNav .realCont .comNav{width: 100%;}
.rightNav .realCont .comNav .left{float: left;overflow: hidden;}
.introduce .rightCont .titles{font-size: 24px;font-weight: bold;}
.introduce .rightCont .box{position: relative;}
.introduce .rightCont .box .titles{margin-bottom: 27px;}
.introduce .rightCont .box .desc p{ font-size: 14px;line-height: 27px;}
.introduce .rightCont .box .desc p span{}
.introduce .rightCont .box .desc img{margin: 50px 0;max-width: 100%;}
.introduce .rightCont .box .flag{margin-top: 15px; margin-bottom: 54px; overflow: hidden;font-size: 18px;line-height: normal;color: #fff;}
.introduce .rightCont .box .flag >div{padding: 35px 45px; float: left;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center; background-color: #095292;height: 160px;width: 49%;}
.introduce .rightCont .box .flag .rightb{float: right;}
.introduce .rightCont .box .flag span{float: left; display: inline-block;}
.introduce .rightCont .box .flag span:first-child{padding-right: 30px; font-size: 34px;line-height: 60px;border-right: 1px solid #5386b3;}
.introduce .rightCont .box .flag span:first-child+span{margin-top: 3px; padding-left: 30px;line-height: 27px;}
.introduce .rightCont .box .flag span:first-child+span{width: calc(100% - 170px);padding-left: 20px;}
.introduce .rightCont .box .flag .rightb span:first-child+span{width: calc(100% - 140px);padding-left: 20px;}
.introduce .rightCont .box .flag .rightb span:first-child+span{}
.introduce .rightCont .box .tags{overflow: hidden;margin: 0 -1%;}
.introduce .rightCont .box .tags .axb{margin: 0 1%; float: left; position: relative; display: inline-block;margin-bottom: 20px;padding: 10px 10px 10px 34px;width: 48%; background-color: #fff;border-radius: 30px;line-height: normal;}
.introduce .rightCont .box .tags .axb i{position: absolute;top: 17px;left: 18px;display: inline-block; margin-right: 12px;width: 5px;height: 5px;border-radius: 50%;background-color: #454545;}
/*.introduce .rightCont .box .tags .axb:first-child+.axb{width: 66%;margin-right: 0;}*/
.introduce .rightCont .box .tags .last{margin-right: 0;}
.introduce .rightCont .box .line{margin: 20px 0 30px; width: 100%;height: 1px;background-color: #d9d9d9;}


/**********************************series(series)***********************************************/
/*.series{padding-bottom: 76px;}*/
.series .banner-horse{padding-top: 50px;padding-left: 75px; margin-top: 150px; margin-bottom: 25px; height: 530px; position: relative;background: url(../image/bg-horse.jpg);}
.series .banner-horse .horse{position: absolute; bottom: 0px;right: 5%;z-index: 0; width: 600px;}
.series .banner-horse .bigTit{margin-bottom: 36px; position: relative;z-index: 1; font-size: 60px;font-weight: 100;}
.series .banner-horse .bigTit .red{color: #d3483f;}
.series .banner-horse .bigTit .blue{color: #0066bd;}
.series .banner-horse .bigTit .gray{margin-right: 50px; color: #404040;}
.series .banner-horse .bigTit p{font-size: 18px; color: #414141;text-transform: uppercase;line-height: 24px;}
.series .banner-horse .lis{margin-bottom: 15px;}
.series .banner-horse .lis span{display: inline-block;width: 40px;height: 40px;line-height: 40px;font-size: 18px; color: #fff; border-radius: 50%;text-align: center;font-weight: 300;}
.series .banner-horse .lis .red{background-color: #d3483f;}
.series .banner-horse .lis .blue{background-color: #0066bd;}
.series .banner-horse .lis .gray{background-color: #666;font-size: 14px;}
.series .banner-horse .conscience{overflow: hidden; margin-top: 28px;padding-top: 30px; border-top: 1px solid #b6b6b6; width: calc(100% - 400px);}
.series .banner-horse .conscience .blue{float: left; position: relative; display: inline-block;padding-right: 10px; height: 48px;line-height: 48px;font-size: 48px;color: #0066bd;font-weight: 100;letter-spacing: 10px;}
.series .banner-horse .conscience .blue:after{content: "";position: absolute;top: 4px;right: 0; width: 1px;height: 42px;background: #b6b6b6;}
.series .banner-horse .conscience p{ float: left;padding-left: 16px; width: calc(100% - 184px);font-size: 14px;line-height: 24px;}
.series .realCont{position: relative;}
.series .realCont .comNav{width: 100%;}
.series .realCont .comNav .left{float: left;overflow: hidden;}

.series .realCont .rightCont .titles{padding-bottom: 15px; font-size: 20px;color: #0066bd;border-bottom: 1px solid #dfdfe0;}
.series .realCont .rightCont .titles .text{position: relative;padding-right: 25px; display: inline-block;}
.series .realCont .rightCont .titles .text:after{content: "";position: absolute;top: 50%;right: 0;margin-top: -2px;border: 5px solid;border-color: #0066bd transparent transparent transparent;}

/**********************************quality(series)***********************************************/
.series .realCont .rightCont .box{position: relative;}
.series .realCont .rightCont .box1{margin-bottom: 30px;}
.series .realCont .rightCont .box1 .desc{padding: 42px 12px 0;}
.series .realCont .rightCont .box1 .desc .img{max-width: 48%;float: left; display: inline-block;margin-right: 4%;transition-duration: .5s;-webkit-transition-duration: .5s;}
.series .realCont .rightCont .box1 .desc .img img{width: 100%;}
.series .realCont .rightCont .box1 .desc .img+.img{margin-right: 0;}
/*.series .realCont .rightCont .box1 .desc .img:hover{box-shadow:0 10px 40px  rgba(0,0,0,.1);}*/
.series .realCont .rightCont .concept{font-size: 30px;color: #cf2014;padding: 15px 0;border-bottom: 1px solid #dfdfe0;}
.series .realCont .rightCont .concept span{margin-right: 30px;}
.series .realCont .rightCont .box2{margin-bottom: 80px;}
.series .realCont .rightCont .box2 .desc{padding-top: 18px; line-height: 28px; font-size: 14px;}
/*.quality .rightCont .box2 .desc{opacity: .7;}*/
.series .realCont .rightCont .box2 .desc p{margin-bottom: 18px;}
.series .realCont .rightCont .box3{}
.series .realCont .rightCont .box3 .desc{padding-top: 36px;font-size: 14px;line-height: 24px;}
.series .realCont .rightCont .box3 .desc li{margin-bottom: 40px; overflow: hidden;}
.series .realCont .rightCont .box3 .desc li.process{overflow: visible;}
.series .realCont .rightCont .box3 .desc li.process .description{margin-top: -15px;} 
.series .realCont .rightCont .box3 .desc .subtit{float: left; position: relative;padding-left: 46px;width: 220px; font-size: 18px;line-height: 30px;font-weight: 600;}
.series .realCont .rightCont .box3 .desc .subtit:before{content: "";position: absolute;left: 12px;top: 50%;margin-top: -4px; width: 8px;height: 8px;background-color: #7c7c7c;border-radius: 50%;}
.series .realCont .rightCont .box3 .desc .subtit:after{content: "";position: absolute;top: 4px;right: 0;width: 1px;height: 24px;background-color: #c6c6c7;}
.series .realCont .rightCont .box3 .desc .description{float: left;padding-left: 38px;width: calc(100% - 220px); }

/**********************************informatization(series)***********************************************/
.informatization{}
.informatization .content .des{padding-top: 46px;}
.informatization .content .des p{font-size: 14px;line-height: 28px;}
.informatization .content .des .imgB{margin-top: 120px;}
.informatization .content .des .imgB img{max-width: 100%;margin: 0 auto;}

/**********************************hse(series)***********************************************/
.hse{}
.hse .rightCont .box .desc{overflow: hidden;}
.hse .rightCont .box .desc .img{float: left;}
.hse .rightCont .box .desc .abs{float: left;width: calc(100% - 446px);}
.hse .rightCont .box .desc .abs .aim{margin-top: 150px; margin-bottom: 24px; position: relative; font-size: 24px;color: #cf2014;padding-top: 30px;}
.hse .rightCont .box .desc .abs .aim:before{content: "";position: absolute;top: 0; left: 0;width: 46px; height: 2px;background-color: #d2281d;}
.hse .rightCont .box1 .desc .abs .aim span{margin-right: 25px;}
.hse .rightCont .box2 .desc .abs .aim span{margin-right: 35px;}
.hse .rightCont .box2 .desc{padding: 42px 12px;}
.hse .rightCont .box1 .desc .img{margin-right: 70px;}
.hse .rightCont .box2 .desc .img{display: inline-block;margin-right: 70px;transition-duration: .5s;-webkit-transition-duration: .5s;}
.hse .rightCont .box3 .desc .theme{margin-bottom: 58px; font-size: 18px;line-height: 30px;}

/**********************************best(series)***********************************************/
.best .rightCont .imgList .myscrollBar{position: absolute; height: 5px; left: 20%; bottom:0;width: 60%;}
.best .rightCont .imgList .myscrollBar div{background-color: #0066bd;}
.best .rightCont .box1 .desc{padding-top: 20px;}
.best .rightCont .box1 .desc .detail{float: left;width: 63%;font-size: 16px;line-height: 30px;/*opacity: .8;*/}
.best .rightCont .box1 .desc .imgs{float: right;width: 36%;}
.best .rightCont .box1 .desc .imgs img{width: 100%;}
.best .rightCont .box1 .desc .xgm{overflow: hidden;}
.best .rightCont .box1 .desc .lines{margin-top: 15px; width: 100%; height: 1px;background-color: #d9d9d9;}
.best .rightCont .box1 .desc .round{margin-top: 80px; position: relative;background: url(../image/bg-round.png) no-repeat center center;background-color: #eee;}
.best .rightCont .box1 .desc .round img{width: 100%;}
.best .rightCont .box1 .desc .lef{position: absolute;top: 50%;left: 64px;margin-top: -46px; padding-top: 20px;}
.best .rightCont .box1 .desc .lef:before{content: "";position: absolute;top: 0;left: 0; width: 46px;height: 3px;background-color: #e4481e;}
.best .rightCont .box1 .desc .lef .cn{font-size: 24px;margin-bottom: 10px;}
.best .rightCont .box1 .desc .lef .en{font-size: 16px;opacity: .5;text-transform: uppercase;}
.best .rightCont .box1 .desc .round .imgb{margin-left: 50%;}
.best .rightCont .box2 .desc{font-size: 16px;}
/*.best .rightCont .box2 .desc .contents{opacity: .8;}*/
.best .rightCont .box2 .desc .contents span{display: block;}
.best .rightCont .box2 .desc .abs{padding-bottom: 80px; margin-top: 20px; padding-top: 58px; border-top: 1px solid #d9d9d9;}
.best .rightCont .box2 .desc .abs>img{max-width: 100%;}
.best .rightCont .box2 .desc .efect{margin-top: 20px;margin-bottom: 30px;}
.best .rightCont .imgList{padding-bottom: 50px;position: relative;}
.best .rightCont .imgList ul{margin: 0;}
.best .rightCont .imgList li img{width: 100%;}

/**********************************notice(newsCenter)***********************************************/

.news .realCont .content{background: none;padding: 0;padding-bottom: 0px;}
.news .crumbs{margin-top: 32px; width: 100%; float: none; text-align: left;}
.news .realCont .content .des{padding-top: 50px;margin: 0;}
.news .topTit{margin-top: 0; margin-bottom: 30px; }
.news .nav {margin-left: 10px; border-left: 1px solid #b6b6b6;}
.news .realCont .content .leftNav li{margin-bottom: 0;}
.news .nav li a{padding: 14px 0px 34px 0px; height: 100px;line-height: 24px; font-size: 20px;}
.news .nav.zq li a{ padding: 14px 0px; line-height: 68px; text-indent: 15px;}
.news .realCont .content .leftNav li:after{border-radius: 50%; content: "";position: absolute;top:50%;left: -8px;margin-top: -8px; width: 16px;height: 16px;background-color: #e4e4e4;z-index: 0;}
.news .realCont .content .leftNav li:before{ content: "";position: absolute; border: none;left: -5px;top: 50%;margin-top: -5px; width: 10px;height: 10px;border-radius: 50%;background-color: #909090;z-index: 1;}
.news .realCont .content .leftNav li.active:before{background-color: #da251d;}
.news .realCont .content .leftNav li.active:after{border: 2px solid #FFFFFF;}
.news .realCont .content .rightCont .newsType{position: relative;padding-left: 58px; font-size: 24px;line-height: 24px;margin-bottom: 40px;}
.news .realCont .content .rightCont .newsType:before{content: "";position: absolute;top: 50%;left: 5px;margin-top: -2px; width: 30px;height: 4px;background-color: #da251d;}
.news .realCont .content .rightCont ul li a{margin-bottom: 50px; background-color: #f5f5f5; position: relative; display: block;padding: 20px 0; overflow: hidden;transition-duration: .5s;-webkit-transition-duration: .5s;}
.news .realCont .content .rightCont ul li a .newsTit{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;  float: left;width: 296px;padding: 0 40px 0 10px;border-right: 1px solid #c4c4c4;  height: 90px; font-size: 20px;line-height: 36px;}
.news .realCont .content .rightCont ul li a .newsTit span{display: block;width: 100%; text-align: center;}
.news .realCont .content .rightCont ul li a .contents{  padding-left: 40px; float: left; width: calc(100% - 400px);padding-right: 40px;  height: 90px;font-size: 14px;line-height: 24px; opacity: .7;}
.news .realCont .content .rightCont ul li a .more-btn{position: absolute;top: 0; right: 0;width: 90px;height: 100%;background: url(../image/bg-add.png) no-repeat left top; background-color: #d2d2d2;opacity: .5; font-size: 30px;text-align: center;line-height: 130px;color: #fff;transition-duration: .5s;-webkit-transition-duration: .5s;}
.news .realCont .content .rightCont ul li a:hover {box-shadow: 0 20px 40px rgba(0,0,0,.1); -webkit-transform: translateY(-10px);}
.news .realCont .content .rightCont ul li a:hover .more-btn{opacity: 1;background-color: #e62121;background-image: none;}
/*load more content*/
.loadMore{display: block;margin: 0 auto;width: 60px;text-align: center;}
.loadMore img{margin: 0 auto 10px;}
.loadMore p{font-size: 14px;color: #0063b9;}

/**********************************dynamic(newsCenter)***********************************************/
.dynamic .realCont .content .rightCont{}
.dynamic .realCont .content .rightCont ul{margin-bottom: 100px;}
.dynamic .realCont .content .rightCont ul li a{display: flex;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center; overflow: hidden; padding: 0; margin-bottom: 32px;}
/*.dynamic .realCont .content .rightCont ul li a:hover{background-color: #fff;}*/
.dynamic .realCont .content .rightCont ul li a:hover .imgbox img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.dynamic .realCont .content .rightCont ul li a .imgbox{overflow: hidden;}
.dynamic .realCont .content .rightCont ul li a .imgbox img{transition-duration: 1s;-webkit-transition-duration: 1s;}
.dynamic .realCont .content .rightCont ul li a .rightContent{width: 78%;padding: 16px;}
.dynamic .realCont .content .rightCont ul li a .rightContent .title{ font-size: 20px;line-height: 36px;font-weight: 300;}
.dynamic .realCont .content .rightCont ul li a .rightContent .abstract{line-height: 24px; margin: 10px 0 15px; font-size: 14px;glyph-orientation-horizontal: 26px;opacity: .7;}
.dynamic .realCont .content .rightCont ul li a .rightContent .fakeMore{border-radius: 15px; display: block;width: 90px;height: 24px;line-height: 24px;font-size: 12px;color: #f5f5f5;background-color: #d5d5d5;text-transform: uppercase;text-align: center;transition-duration: .5s;-webkit-transition-duration: .5s;}
.dynamic .realCont .content .rightCont ul li a:hover .fakeMore{background-color: #da251d;}

/**********************************case***********************************************/
.case{background: url(../image/bg-qiu.png) no-repeat;background-size: 100% auto;}
.case .header{background-color: transparent;}
.case .topTit{margin-top: 50px;}
.case .topTit .cn{margin-bottom: 5px;color: #d31f17;}
.case .topTit .en{display:block; margin-left: 0;}
.case .topCon{}

.case .topCon .des .ball{margin: 0 auto; margin-bottom: 25px;width: 320px;height: 320px;overflow: hidden;border-radius: 50%;}
.case .topCon .des .ball .slideBlock{overflow: hidden;width: 1360px;height: 100%;}
.case .topCon .des .ball img{float: left; height: 100%;}
.case .topCon .des .apply{margin: 0 auto; width: 1125px;text-align: center;font-size: 14px;line-height: 28px;}
.case .topCon .des .apply .score{margin-top: 20px;}
.case .topCon .arrowDoad{width: 43px;margin: 45px auto 30px;cursor: pointer;}
.case .projectIntroduce{width: 1200px;margin: 0 auto;}
.case .projectIntroduce .casebox{overflow: hidden;padding: 0 10px;}
.case .projectIntroduce .titles{margin: 0 auto 60px; width: 125px;padding-left: 22px;position: relative; font-size: 24px;line-height: 36px;}
.case .projectIntroduce .titles:before{content: "";position: absolute;top: 6px;left: 0;width: 5px;height: 24px;background-color: #da251d;}
.case .projectIntroduce a{position: relative; transition-duration: .5s;-webkit-transition-duration: .5s; background-color: #fff; float: left;margin-bottom: 25px; overflow: hidden; display: block;width: 49%;}
.moreBtn{ margin-top: 50px;}
.case .projectIntroduce a:before{content: "";position: absolute;top: 0;left: 0; width: 100%;height: 100%;border: 2px solid #d50000;opacity: 0;transition-duration: .5s;-webkit-transition-duration: .5s;}
.case .projectIntroduce a:hover:before{opacity: 1;}
.case .projectIntroduce .casebox a:nth-child(2n){margin-left: 2%;}
.case .projectIntroduce a .img{float: left;width: 50%; }
.case .projectIntroduce a .img img{width: 100%;}
.case .realCont{padding-bottom: 80px;}
.case .projectIntroduce a .intro{float: left; width: 50%; padding: 20px;padding-bottom: 0;}
.case .projectIntroduce a .intro .projectName{padding-bottom: 10px; position: relative; font-size: 20px;color: #434343; font-weight: bold;}
.case .projectIntroduce a .intro .projectName:after{content: ""; position: absolute;bottom: 0;left: 0;width: 65px;height: 1px;background: #696969;}
.case .projectIntroduce a .intro .projectDes{height: 70px;overflow:hidden; margin-top: 10px;margin-bottom: 15px; font-size: 14px;line-height: 24px; color: #3E3E3E; opacity: .7;}
.case .projectIntroduce a .intro .productName{margin-bottom: 15px; color: #464646;font-size: 18px;line-height: 50px;border: 1px solid #c3c3c3;border-left: none;border-right: none;}
.case .projectIntroduce a .intro .list{overflow: hidden; margin-bottom: 10px; color: #424242;font-size: 14px;}
.case .projectIntroduce a .intro .list:last-child{margin-bottom: 0;}
.case .projectIntroduce a .intro .list .fixedL{ margin-top: 2px; float: left; display: inline-block; margin-right: 12px; opacity: .6;}
.case .projectIntroduce a .intro .list .turnR{line-height: 20px; color: #0063b9;font-size: 20px;opacity: 1;}
.case .projectIntroduce a .intro .list .turnR span{font-size: 14px;margin-left: 10px;}
.case .projectIntroduce a:hover{box-shadow: 0 8px 10px 2px rgba(0,0,0,.1);}
.case .projectIntroduce a:hover .projectName,.case .projectIntroduce a:hover .intro .list .turnR,.case .projectIntroduce a:hover .projectName:after{color: #d50000;}
.case .projectIntroduce a:hover .projectName:after{background-color: #d50000;}
.case .projectIntroduce a:hover .productName{color: #0063b8;}
.popPanel{display: none;}
/*@media only screen and (min-width: 768px) {*/
.popPanel{ position: fixed;top: 0;left: 0; width: 100%;height: 100%; z-index: 111;}
.popPanel .bg{width: 100%;height: 100%;opacity: .8;background-color: #000;}
.popPanel .contents{position: absolute;top: 50%;left: 50%;margin-left: -600px;margin-top: -255px; width: 1200px;height: 510px;background-color: #fff;}
.popPanel .contents .closeBox{cursor: pointer; position: absolute;top: -50px;right: -50px;width: 40px;height: 40px;border-radius: 50%;background-color: #d50000;transition-duration: .5s;-webkit-transition-duration: .5s;}
.popPanel .contents .closeBox:hover{transform: scale(1.2);-webkit-transform: scale(1.2);}
.popPanel .contents .closeBox img{width: 30px;margin: 5px;}
.popPanel .contents .img{float: left; height: 100%;display: inline-block;}
.popPanel .contents .img img{height: 100%;}
.popPanel .contents .intro{float: right;padding: 35px; width: calc(100% - 415px);}
.popPanel .contents .intro .projectName{position: relative; font-size: 30px;color: #d50000;margin-bottom: 28px;}
.popPanel .contents .intro .projectName:after{content: "";position: absolute;bottom: -15px;left: 0;width: 65px;height: 2px;background-color: #d50000;}
.popPanel .contents .intro .projectDes{font-size: 14px;line-height: 24px;color: #424242;opacity: .8;}
.popPanel .contents .intro .productName{margin: 20px 0; color: #0063b8;font-size: 18px;line-height: 50px;border: 1px solid #c3c3c3;border-left: none;border-right: none;}
.popPanel .contents .intro .list{margin-bottom: 10px;float: left;width: 50%;}
.popPanel .contents .intro .list .fixedL{margin-top: 9px; margin-right: 15px;float: left; font-size: 14px;color: #424242;opacity: .6;}
.popPanel .contents .intro .list .turnR{ font-size: 24px;color: #d50000;}
.popPanel .contents .intro .list .turnR span{display: inline-block;margin-left: 10px; font-size: 14px;}
/*}*/


/**********************************case***********************************************/
.productService .realCont .content .rightCont{box-sizing: content-box; width: 70%;}
.productService .topTit .cn{margin-bottom: 5px;color: #d31f17;}
.productService .topTit .en{display:block; margin-left: 0;}
.productService .rightCont >img{max-width: 100%;}
.productService .rightCont .idea{margin-top: 30px; margin-bottom: 15px; font-size: 24px;line-height: 36px;}
.productService .rightCont p{margin-bottom: 28px; font-size: 14px;line-height: 24px;}
.productService .rightCont .espp{margin-bottom: 28px;}
.productService .rightCont .espp p{margin-bottom: 0px;}
.productService .rightCont .reason{line-height: 30px;}
/*.productService .rightCont .reason span{opacity: .7;}
.productService .rightCont .reason .fakeP{opacity: .7;}*/
.productService .rightCont .reason p{position: relative; padding-left: 30px;}
.productService .rightCont .reasons p{margin-bottom: 15px;}
.productService .rightCont .reasons .fakeP{margin-bottom: 10px;}
.productService .rightCont .reason .fakeP{position: relative;padding-left: 30px;}
.productService .rightCont .reason .fakeP:before{content: "";position: absolute;top: 50%;margin-top: -4px; left: 10px;width: 8px;height: 8px;border-radius: 50%;background: #7c7c7c;}
.productService .rightCont .imgBoxs{overflow: hidden;}
.productService .rightCont .imgBoxs .imgs{margin-top: 50px; float: left;width: 31%;margin-right: calc(7%/2);overflow: hidden;}
.productService .rightCont .imgBoxs .imgs:nth-child(3){margin-right: 0;}
.productService .rightCont .imgBoxs .imgs img{width: 100%; transition-duration: .5s;-webkit-transition-duration: .5s;}
.productService .rightCont .imgBoxs .imgs:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}

/**********************************type1 (product)***********************************************/
.esBt .realCont .content .des{overflow: visible;}
.realWhite{/*background-color: #fff;*/overflow: hidden;}
.esBt .realCont .content{overflow: visible;}
/*.realWhite .header{background-color: #fff;}*/
.bTit .cn{font-size: 30px;display: block; margin-bottom: 5px;color: #d31f17;}
.bTit .en{display:block; margin-left: 0;font-size: 14px;}
.bTit img{margin-top: 10px;}
.productType1 .realCont .content .leftNav li a{color: #0056a2;}
.productType1 .realCont .content .leftNav li a .en{font-size: 12px;color: #9e9e9e;line-height: normal;margin-top: 10px;text-transform: uppercase;}
.productType1 .realCont .content .leftNav li.active a,.productType1 .realCont .content .leftNav li:hover a{color: #da251d;}
.productType1 .realCont .content .rightCont {padding-right: 0;}
.productType1 .equipment{ padding-left: 40px; position: relative;}
.productType1 .lines{margin-top: 50px;margin-bottom: 50px; border-bottom: 1px dotted #b4b4b4;}
.productType1 .equipment:last-child{margin-bottom: 0;border-bottom: none;}
.productType1 .equipment .proTit{}
.productType1 .equipment .proTit img{margin-top: 5px; vertical-align: top; margin-left: -40px;margin-right: 12px; display: inline-block;}
.productType1 .equipment .proTit div{display: inline-block;font-size: 24px;color: #0056a2;}
.productType1 .equipment .proTit div p{margin-left: 2px; font-size: 12px;color: #9e9e9e;text-transform: uppercase;}
.productType1 .equipment .proParameter{margin-top: 70px; overflow: hidden;}
.productType1 .equipment .proParameter .imgL{float: left;width: 40%;margin-right: 20px;}
.productType1 .equipment .proParameter .imgL img{margin: 0 auto;max-width: 100%;}
.productType1 .equipment .proParameter ul{float: left;margin-top: 46px; width: 28%;padding-left: 76px;}
.productType1 .equipment .proParameter ul li{ position: relative;margin-bottom: 45px;}
.productType1 .equipment .proParameter ul li:before{content: ""; position: absolute;top: 8px;left: -76px; width: 33px;height: 1px;background-color: #cdcdcd;}
.productType1 .equipment .proParameter ul li:after{border-radius: 50%; content: ""; position: absolute;top: 5px;left: -22px; width: 8px;height: 8px;background-color: #da251d;}
.productType1 .equipment .proParameter ul li p{font-size: 24px;line-height: 30px;}
.productType1 .equipment .proParameter ul li .name{ opacity: .5;font-size: 15px;line-height: 20px;}
.productType1 .equipment .abs{margin-top: 45px;margin-bottom: 24px;padding: 24px 0;line-height: 24px;font-size: 14px; border: 1px solid #cccccc;border-left: none;border-right: none;}
.productType1 .equipment .preponderance{}
.productType1 .equipment .preponderance .tag{text-align: center;color: #fff; background-color: #de0e00;position: relative;width: 138px;height: 45px;line-height: 45px;font-size: 24px;}
.productType1 .equipment .preponderance .tag:after{content: "";position: absolute;top: 50%;right: -12px;margin-top: -6px;border: 6px solid;border-color: transparent transparent transparent #de0e00;}
.productType1 .equipment .preponderance ul{margin-top: 60px;}
.productType1 .equipment .preponderance ul li{margin-bottom: 40px; overflow: hidden;}
.productType1 .equipment .preponderance ul li .desc{float: left; width: calc(100% - 255px); line-height: 28px;}
.productType1 .equipment .preponderance ul li span{float: left;display: inline-block;font-size: 18px;line-height: 24px;color: #1f1f1f;}
.productType1 .equipment .preponderance ul li .num{ margin-right: 20px; width: 25px;height: 25px;background: #de0e00;text-align: center;font-size: 18px;color: #fff;}
.productType1 .equipment .preponderance ul li .attr{font-weight: 600; width: 170px;margin-right: 40px;}
.productType1 .equipment .preponderance ul li .des{padding-left: 40px; position: relative; float: left; width: calc(100% - 253px); display: inline-block;font-size: 16px;line-height: 24px;color: #585858;}
.productType1 .equipment .preponderance ul li .des:before {position: absolute;content: "";top: 8px;left: 16px; width: 8px;height: 8px;background-color: #b2b2b2;border-radius: 50%;}
.productType1 .equipment .peculiarity{margin-top: 50px;margin-bottom: 80px;}
.productType1 .equipment .peculiarity .titles{margin-bottom: 15px; font-size: 18px;line-height: 26px;color: #222;}
.productType1 .equipment .peculiarity ul{border: 1px solid #ccc;border-left: none;border-right: none; padding: 24px 0;}
.productType1 .equipment .peculiarity ul li{position: relative;padding-left: 28px; font-size: 14px;line-height: 28px;}
.productType1 .equipment .peculiarity ul li:before{content: "";position: absolute;left: 8px;top: 10px;width: 6px;height: 6px;border-radius: 50%;background-color: #de0e00;}
.productType1 .equipment .btStructure{margin-top: 20px;margin-bottom: 50px; position: relative;}
.productType1 .equipment:last-child .btStructure{margin-bottom: 0;}
.productType1 .equipment .btStructure .leftBt{width: 65%;}
.productType1 .equipment .btStructure >img{position: absolute;left: 70%;top: 0;}
.productType1 .equipment .btStructure .leftBt .func{border-top: 1px solid #cccccc; padding: 24px 0;font-size: 14px;line-height: 28px;}
.productType1 .equipment .btStructure .leftBt .constitute{ padding: 24px 0;font-size: 14px;line-height: 22px;}
.productType1 .equipment .btStructure .leftBt .argument{padding-top: 24px;border-top: 1px solid #cccccc;}
.productType1 .equipment .btStructure .leftBt .argument li{font-size: 14px;line-height: 40px;overflow: hidden;}
.productType1 .equipment .btStructure .leftBt .argument li >div{display: inline-block;float: left;}
.productType1 .equipment .btStructure .leftBt .argument li .property{vertical-align: top;}
.productType1 .equipment .btStructure .leftBt .argument li .property img{display: inline-block;margin-right: 10px;}
.productType1 .equipment .btStructure .leftBt .argument li .property span{display: inline-block;width: 60px;margin-right: 15px;}
.productType1 .equipment .btStructure .leftBt .argument li .details{font-weight: 600;}

/**********************************type2 (product)***********************************************/
.productType2{padding-bottom: 120px;}
.productShow{position: relative;margin-top: 30px;margin-bottom: 150px;}
.productShow .btTit{position: absolute;top: 0;left: 0;}
.productShow .btTit span{display: block;}
.productShow .btTit .en{margin-bottom: 5px; font-size: 30px;color: #de0e00;text-transform: uppercase;}
.productShow .btTit .cn{opacity: .5;display: block;margin-left: 0;font-size: 14px;}
/*.bt6 .btTit .en{margin-top: 5px; font-size: 14px;opacity: .5;text-transform: uppercase;}*/
/*.bt6 .btTit .cn{font-size: 30px;color: #de0e00;opacity: 1;}*/
.productShow .sball{height: 640px;}
.productShow .sball .leftParameter{float: left;position: relative; text-align: right; width: calc(50% - 320px);height: 100%;}
.productShow .sball .rightParameter{float: right;position: relative; text-align: left; width: calc(50% - 320px);height: 100%;}
.productShow .sball .leftParameter .parameterBox{position: absolute;right: 0; padding-right: 40px;}
.productShow .sball .rightParameter .parameterBox{padding-left: 40px;position: absolute;left: 0;}
.productShow .sball .parameterBox:first-child{top: 146px;transform: translateY(-30%);-webkit-transform: translateY(-30%);}
.productShow .sball .parameterBox:first-child+.parameterBox,.productShow .sball .parameterBox:first-child.parameter2{left: 0; top: 300px;transform: translateY(-30%);-webkit-transform: translateY(-30%);}
.productShow .sball .parameterBox:first-child+.parameterBox+.parameterBox,.productShow .sball .parameterBox:first-child+.parameterBox.parameter3{top: 465px;transform: translateY(-30%);-webkit-transform: translateY(-30%);}
.productShow .sball .leftParameter .parameterBox:first-child{right: -30px;}
.productShow .sball .leftParameter .parameterBox:first-child+.parameterBox+.parameterBox{right: -30px;}
.productShow .sball .rightParameter .parameterBox:first-child{left: -30px;}
.productShow .sball .rightParameter .parameterBox:first-child >div:first-child+div{margin-left: 20px;}
.productShow .sball .rightParameter .parameterBox:first-child+.parameterBox,.productShow .sball .rightParameter .parameterBox:first-child.parameter2{left: 0;}
.productShow .sball .rightParameter .parameterBox:first-child+.parameterBox+.parameterBox{left: -30px;}
.productShow .sball .grey{margin-bottom: 5px; font-size: 14px;}
.productShow .sball .Lit{margin-bottom: 10px;}
.productShow .sball .parameterD{ color: #095292;font-size: 24px;}
.productShow .sball .bigR{position: absolute;width: 640px;height: 640px;left: 50%;top: 0;margin-left: -320px; border-radius: 50%;border: 1px solid #c5d4e1;}
.productShow .sball .bigR .smR{position: absolute;top: 25%;left: 25%; margin: 0 auto; width: 50%;height: 50%;border-radius: 50%;border: 1px solid #c5d4e1;}
.productShow .sball .bigR .smR img{width: 180%; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(.7);-webkit-transform: translate(-50%,-50%) scale(.7);transition-duration: 1.8s;-webkit-transition-duration: 1.8s;}
.productShow .sball .bigR .smR img.active{transform: translate(-50%,-50%) scale(1);-webkit-transform: translate(-50%,-50%) scale(1);}
.productShow .sball .bigR .p{transform-origin: center center; position: absolute;left: 50%;margin-left: -10px; width: 20px;height: 100%;transition: all 1.8s  cubic-bezier(.28,.02,.25,1);-webkit-transition: all 1.8s  cubic-bezier(.28,.02,.25,1);}
.productShow .sball .bigR .p .redR{position: absolute;top: -10px;left: 0;width: 20px;height: 20px;border-radius: 50%; border: 1px solid #df0e00;}
.productShow .sball .bigR .p .lrR{position: absolute; top: -5px;left: 5px; width: 10px;height: 10px;border-radius: 50%;background-color: #df0e00;}
.productShow .sball .bigR .p1{transform: rotate(60deg);transition: all 1.8s cubic-bezier(.28,.02,.25,1);-webkit-transition: all 1.8s cubic-bezier(.28,.02,.25,1);}
.productShow .sball .bigR .p1.active{transform: rotate(420deg);}
.productShow .sball .bigR .p2{transform: rotate(90deg);}
.productShow .sball .bigR .p2.active{transform: rotate(-270deg);}
.productShow .sball .bigR .p3{transform: rotate(120deg);}
.productShow .sball .bigR .p3.active{transform: rotate(480deg);}
.productShow .sball .bigR .p4{transform: rotate(-60deg);}
.productShow .sball .bigR .p4.active{transform: rotate(-420deg);}
.productShow .sball .bigR .p5{transform: rotate(-90deg);}
.productShow .sball .bigR .p5.active{transform: rotate(270deg);}
.productShow .sball .bigR .p6{transform: rotate(-120deg);}
.productShow .sball .bigR .p6.active{transform: rotate(-480deg);}
.productIntroduce{width: 94%;margin: 0 auto;background-color: #fff; overflow: hidden; padding: 50px 3%; box-sizing: content-box;}
.productIntroduce .tits,.product2 .tits2{ margin-bottom: 25px; text-align: center; position: relative;padding-bottom: 15px; font-size: 24px;color: #de0e00;line-height: 30px;}
.productIntroduce .tits:after,.product2 .tits2:after{content: "";position: absolute;bottom: 0;left: 50%;margin-left: -43px; width: 86px;height: 4px;background-color: #dbdbdb;}
.productIntroduce .tits h2,.product2 .tits12 h2{ font-size: 24px;}
.productIntroduce .tits p,.product2 .tits12 p{ margin-top:10px;font-size: 16px; line-height: 26px;}
.productIntroduce .part1,.product2 .part12{font-size: 14px;line-height: 28px;font-weight: 600;}
.product2 .part12{padding-bottom:30px;}
.productIntroduce .part2{}
.productIntroduce .part2 .tit{position: relative;margin-top: 20px;padding-top: 10px; color: #202020;font-size: 18px;line-height: 30px;margin-bottom: 12px;font-weight: bold;}
/*.productIntroduce .part2 .tit:before{content: ""; position: absolute;top: 0;left: 0;width: 32px;height: 2px;background-color: #9b9b9b;}*/
.productIntroduce .part2 .table{border:1px solid #d8d8d8;border-bottom: none;}
.productIntroduce .part2 .table .tr{overflow: hidden;border-bottom: 1px solid #d8d8d8;font-size: 18px;line-height: 60px;}
.productIntroduce .part2 .table .tr:nth-child(2n){background-color: #f5f5f5;}
.productIntroduce .part2 .table .tr .lefts{float: left;width: 30%;text-align: center;border-right: 1px solid #d8d8d8;}
.productIntroduce .part2 .table .tr .rights{width: 70%;float: left; overflow: hidden;}
.productIntroduce .part2 .table .tr .rights >div{ text-transform: uppercase; text-align: center;float: left;}
.productIntroduce .part2 .table .tr .rights >div:first-child{text-align: left;padding-left: 30px;}
.productIntroduce .part2 .table .tr .rights.six >div{border-right: 1px solid #d8d8d8; width: calc(100%/6);}
.productIntroduce .part2 .table .tr .rights.four >div{border-right: 1px solid #d8d8d8;width: calc(100%/4);}
.productIntroduce .part2 .table .tr .rights.six >div:last-child,.productIntroduce .part2 .table .tr .rights.four >div:last-child{border-right: none;}
.productIntroduce .part2 .table .tr .rights.flexB{display: flex;display: -webkit-flex;justify-content: space-around;-webkit-justify-content: space-around;}
.productIntroduce .part2 .table .tr .rights.flexB >div:first-child{padding-left:0 ;}
.productIntroduce .part2 .table .tr .rights.seven >div{width: calc(100%/7);}
.productIntroduce .redTag{margin: 40px 0; line-height: 45px;font-size: 24px; background-color: #de0e00;padding-left: 115px;color: #fff;width: 205px;position: relative;}
.productIntroduce .redTag:after {content: "";position: absolute;top: 50%;right: -12px;margin-top: -6px;border: 6px solid;border-color: transparent transparent transparent #de0e00;}
.productIntroduce .advantage li{margin-bottom: 30px; overflow: hidden;}
.productIntroduce .advantage li .lef{float: left;width: 260px;}
.productIntroduce .advantage li .lef span{float: left; display: inline-block;font-size: 18px;}
.productIntroduce .advantage li .lef .num{width: 25px;height: 25px;text-align: center;line-height: 25px;background-color: #de0e00;color: #fff;}
.productIntroduce .advantage li .lef .names{line-height: 24px;font-weight: 600;margin-left: 10px;width: calc(100% - 35px);}
.productIntroduce .advantage li .adDetail{float: right;margin-left: 20px;width: calc(100% - 320px);}
.productIntroduce .advantage li .adDetail .ms{line-height: 24px;margin-bottom: 10px;}
.productIntroduce .advantage li .adDetail .trait>span{line-height: 24px;}
.productIntroduce .advantage li .adDetail .imgborder{transition-duration: .5s;-webkit-transition-duration: .5s; width: 250px;margin: 25px 0; padding: 10px; border: 1px solid #e7e7e7; display: inline-block;position: relative;}
.productIntroduce .advantage li .adDetail .imgborder img{width: 100%;margin-bottom: 0;}
.productIntroduce .advantage li .adDetail .imgborder .closeIcon{position: absolute;top: 10px;right: 10px;width: 20px;height: 20px;background: url(../image/bigger.png) no-repeat center center;}
.productIntroduce .advantage li .adDetail .imgborder.active{width: 530px;}
.productIntroduce .advantage li .adDetail .imgborder.active .closeIcon{background-image: url(../image/reduce.png);}
.productIntroduce .advantage li .adDetail p{padding-left: 20px; margin-top: 3px; position: relative;font-size: 14px;line-height: 28px;}
.productIntroduce .advantage li .adDetail p:before{content: "";position: absolute;top: 10px;left: 0;width: 8px;height: 8px;background-color: #b2b2b2;border-radius: 50%;}
.productIntroduce .advantage li .adDetail img{ margin-bottom: 25px;margin-top: 25px;max-width: 100%;}
.productIntroduce .advantage li .adDetail .esp{margin-bottom: 10px;font-size: 16px;line-height: 26px;}
.productIntroduce .advantage li .adDetail .esp span{display: block;}
.productIntroduce .advantage li .adDetail .leftC{float: left;width: calc(100% - 350px);}
.productIntroduce .advantage li .adDetail .leftC p{ margin-bottom: 0;font-size: 14px;line-height: 28px;}
.productIntroduce .advantage li .adDetail .leftC p:before{top: 10px;}
.productIntroduce .advantage li .adDetail .espb{margin: 0; float: right;}
.productIntroduce .advantage{margin-bottom: 120px;}
.productIntroduce .opinion{background-color: #095292;padding: 60px 0 30px;}
.productIntroduce .opinion ul{width: 1065px;margin: 0 auto;}
.productIntroduce .opinion ul li{ color: #fff;margin-bottom: 50px;height: 30px;}
.productIntroduce .opinion ul li .lefWord{padding-left: 50px; width: 640px; float: left; position: relative;font-size: 16px;line-height: 30px;}
.productIntroduce .opinion ul li .lefWord span{margin-left: 10px;margin-right: 10px; vertical-align: text-top; display: inline-block;}
.productIntroduce .opinion ul li .lefWord span.commaTop{position: absolute;left: 0;bottom: 100%;}
.productIntroduce .opinion ul li .fromWho{float: right;font-size: 16px;line-height: 30px;opacity: .8;}
.productIntroduce .system{margin-bottom: 0;}
.productIntroduce .btT{overflow: hidden;}
.productIntroduce .btT .leftBt{float: left; margin-left: 7%; width: 53%;padding-top: 35px;line-height: 24px;padding-right: 60px;}
.productIntroduce .btT .leftBt .tit{font-size: 24px;margin-bottom: 20px;color: #de0e00;}
.productIntroduce .btT .leftBt .des{font-size: 14px; line-height: 28px;}
.productIntroduce .btT .rightBt{padding: 40px; float: left; width: 40%;position: relative;background-color: #de1b0e;font-size: 14px;line-height: 24px;color: #fff;}
.productIntroduce .btT .rightBt:before{content: "";position: absolute;top: 15%;left: -20px;border:10px solid;border-color: transparent #de1b0e transparent transparent;}
.productIntroduce .btT .rightBt li{position: relative;padding-left: 24px; line-height: 28px;}
.productIntroduce .btT .rightBt li:before{content: "";position: absolute;width: 6px;height: 6px;border-radius: 50%;background-color: #fff;left: 0;top: 12px;}
.bt4 .productIntroduce{padding-top: 0;}
/**********************************develop of company(about us)***********************************************/
.develop {padding-top: 0;padding-bottom: 0; background-image: url();background-repeat: no-repeat; background-position: center bottom;background-size: 100% 100%; background-attachment: fixed;}
.contactUs .rightCont,.duty .rightCont,.recruitment .rightCont,.introduce .rightCont{width: 80%!important;margin-right: 0!important;}
.develop  .tits{margin-top: 55px;}
.realCont .content .develop .des{padding-bottom: 0;}
.develop .time-line-box{margin-top: 50px;position: relative;}
.develop .time-line-box .action{position: relative;z-index: 1;}
.develop .time-line-box .action img{margin: 0 auto;}
.develop .time-line-box .line{position: relative;overflow: auto;margin-top: 15px; padding-bottom: 100px; padding-top: 25px;}
/*.develop .time-line-box:before{z-index:0;content:'';position: absolute;top: 100px;left: 50%;margin-left: -2px;width: 4px;height: 100%;background-color: #d4d4d4;}*/
.develop .time-line-box .line .line-dot{ padding-bottom: 25px;padding-top: 25px; position: relative;clear: both;}
.develop .time-line-box .line .line-dot:first-child p{display: block;}
.develop .time-line-box .line .rightBox{width: 50%;margin-left: 50%;}
.develop .time-line-box .line .leftBox{width: 50%;}
.develop .time-line-box .line .leftBox:after,.develop .time-line-box .line .rightBox:after{z-index:0;content:'';position: absolute;top: 0px;right:0;margin-left: -2px;width: 4px;height: 100%;background-color: #d4d4d4;}
.develop .time-line-box .line .leftBox:after{margin-left: 0;margin-right: -2px;}
.develop .time-line-box .line .rightBox:after{right: auto;left: 0;}
.develop .time-line-box .line .line-dot:last-child:after{height: 75px;}
.develop .time-line-box .line .leftBox .line-dot-detail{text-align: right;padding-right: 50px;}
.develop .time-line-box .line .rightBox .line-dot-detail{text-align: left;padding-left: 50px;}
.develop .time-line-box .line .line-dot .line-dot-title{z-index: 1; transition-duration: .5s;-webkit-transition-duration: .5s; position: absolute;top: 50%;margin-top: -18px; right: -39px;width: 78px;height: 36px;line-height: 36px;text-align: center; background-color: #b0b0b0;color: #fff;}
.develop .time-line-box .line .rightBox .line-dot-title{right: auto;left: -39px;}
.develop .time-line-box .line .line-dot .line-dot-year{transition-duration: .5s;-webkit-transition-duration: .5s;font-size: 18px; position: relative;line-height: 30px; font-weight: bold; margin-bottom: 5px;}
.develop .time-line-box .line  .line-dot-detail img{margin-bottom: 10px; width: 200px;display: inline-block; box-shadow: 0px 0px 10px rgba(0, 0,0, .1);}
.develop .time-line-box .line  .line-dot-detail .titles{margin-top: 10px;margin-bottom: 5px; font-size: 18px;line-height: 30px;}
.develop .time-line-box .line  .line-dot-detail p{font-size: 14px;line-height: 20px;}
/**********************************honor of company(about us)***********************************************/

.honor {padding-top: 0; overflow: hidden;background-repeat: no-repeat; background-image: url();background-position: left bottom;background-size:100% 100%;}
.honor  .tits{margin-top: 55px;}
.honor .fullCont .box1 .desc .float-l.u1{margin-top: 33px; text-align: center;}
.honor .fullCont .box1 .desc .float-l{position: relative;clear: both;overflow: hidden;}
.honor .fullCont .box1 .desc .marks{font-size: 24px;line-height: 50px;margin-bottom: 46px;}
.honor .fullCont .box1 .desc ul.float-l li{line-height: 24px; display: inline-block; margin: 0px 10px; cursor: pointer; padding: 0px 25px;border-radius: 15px; position: relative;}
.honor .fullCont .box1 .desc ul.float-l li:hover,.honor .fullCont .box1 .desc ul.float-l li.cur{ color: #fff; background: #d90d20;}
.honor-swiper.swiper-container{width: 100%;max-width: 1200px;margin-top: 110px;}
.honor-swiper.swiper-container .swiper-slide{text-align: center;overflow: hidden; float: left; width: 400px;}
.honor-swiper.swiper-container .swiper-slide img{width: 100%;}
.honor-swiper.swiper-container .swiper-slide:hover{background: #fff;}
.honor-swiper.swiper-container .swiper-slide:hover p{color:#d90d20;}
.swiper-container .swiper-slide p{line-height: 40px;}
.honor .swiper-scrollbar{position: absolute; width: 50%;height: 9px;left: 25%;bottom: 0;}
.honor .swiper-scrollbar .swiper-scrollbar-drag{background: #095292;}

.honorList{
width: 1200px;
/*height: 500px;*/
margin:50px auto;
padding-bottom: 50px;
}

.honorList ul li{
width: 20%;
height: 330px;
float:left;
transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
text-align: center;
cursor: pointer;
/*margin-left: 25px;
margin-right: 10px;*/
}

.hjli{
height: 230px!important;
}

.honorList ul li a{
display: block;
width: 200px;
margin: 0 auto;
border: 10px solid #fff;
overflow: hidden;
box-shadow: 0px 0px 15px rgba(0,0,0,.2);
}
.honorList ul li img{
width: 180px;
height: 250px;
transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
}
.hjimg{
height: 150px!important;
}
.honorList ul li p{
display: block;
width: 100%;
height: 40px;
margin-top: 10px;
line-height: 20px;
font-size: 14px;
overflow: hidden;
}
.honorList ul li:hover img{
-webkit-transform: scale(1.1);
}

/**********************************duty of company(about us)***********************************************/
.duty .rightCont{margin-top: 17px;}
.duty .rightCont .box .duty-ul{position: relative;}
.duty .rightCont .box .duty-ul li{width: 100%;position: relative;height: 100%;margin-bottom: 29px;}
.duty .rightCont .box .duty-ul li a{display: block;}
.duty .rightCont .box .duty-ul li a:hover .more{background-color: #da251d;}
.duty .rightCont .box .duty-ul li a:hover{background-color: #fff;box-shadow: 0 20px 40px rgba(0,0,0,.1)}
.duty .rightCont .box .duty-ul li a:hover .imgbox img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.duty .rightCont .box .duty-ul .imgbox{width: 45%;background: #cccccc;float: left;display: inline-block;overflow: hidden;position: relative;}
.duty .rightCont .box .duty-ul .imgbox img{transition-duration: 1s;-webkit-transition-duration: 1s;}
.duty .rightCont .box .duty-ul .item{width: 54%;display: inline-block;margin-left: 1%;padding: 15px 30px 15px 25px;position: relative;}
.duty .rightCont .box .duty-ul .item .title{font-size: 20px;line-height: 30px;margin-bottom: 16px;}
.duty .rightCont .box .duty-ul .imgbox:before{content: '';display: block;position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.2);top: 0;left: 0;transition-duration: .5s;-webkit-transition-duration: .5s;}
.duty .rightCont .box .duty-ul .imgbox img{width: 100%;}
.duty .rightCont .box .duty-ul .item .date{font-size: 14px;line-height: 30px;color: #7d7d7d;padding: 0px 3px;border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;}
.duty .rightCont .box .duty-ul .item .detail{max-height: 50px;overflow: hidden; margin-top: 15px;font-size: 14px;color: #7d7d7d;line-height: 25px;}
.duty .rightCont .box .duty-ul .item .more{width: 82px;height: 20px;background: #cbcbcb;color: #fff;position: relative;border-radius: 10px;line-height: 20px;text-transform: uppercase;font-size: 11px;text-align: center;cursor:pointer;transition-duration: 1s;-webkit-transition-duration: 1s; margin-top: 10px; display: block;}
.loadmore{color: #85a5d1;display: block;width: 60px;margin: 58px auto 0; text-align: center;}
/*.loadmore:hover p span{animation: loading1 5s infinite;}*/
.loadmore p{width: 100%; height: 42px;position: relative;display: block; margin-bottom: 15px;}
.loadmore p span{width: 4px;height: 42px;background: #0063b9;display: inline-block;margin: 0 2px;}
.loadmore.load p span:first-child{animation:loading1 2s infinite alternate;-webkit-animation:loading1 2s infinite alternate;}
.loadmore.load p span:first-child+span{animation:loading1 2s infinite alternate;-webkit-animation:loading1 2s infinite alternate;-webkit-animation-delay: 1s;animation-delay: 1s;}
.loadmore.load p span:first-child+span+span{animation:loading1 2s infinite alternate;-webkit-animation:loading1 2s infinite alternate;}
@-webkit-keyframes loading1{
0%{ height: 42px;}
25%{ height: 34px;}
50%{ height: 26px;}
75%{ height: 34px;}
100%{ height: 42px;}
}
@keyframes loading1{ 
0%{ height: 42px;}
25%{ height: 34px;}
50%{ height: 28px;}
75%{ height: 34px;}
100%{ height: 42px;}
}

/**********************************recruitment of company(about us)***********************************************/

.recruitment .rightCont .box .desc>p{font-size: 14px;line-height: 24px;margin-top:20px ;}
.recruitment .rightCont .titles{}
.recruitment .rightCont .box1{margin-bottom: 65px;}
.recruitment .rightCont .zprk{margin-top: 32px;overflow: hidden;height: 105px;border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;}
.recruitment .rightCont .zprk div{;display: inline-block;padding-left:32px ;padding-right: 57px;vertical-align: middle;}
.recruitment .rightCont .zprk .title{padding-left: 0;padding-right:36px ;font-size: 14px;line-height: 104px;font-weight: bold;position: relative;}
.recruitment .rightCont .zprk .title:after{content: '';display: block;position: absolute;height: 43px;width: 1px;right: 0;top: 50%;margin-top: -21px;background: #c2c2c2;}
.recruitment .rightCont .zpxx{margin-top: 70px;padding-left: 23px;width: 100%;}
.recruitment .rightCont .zpxx ul li{width: 30%;height:401px;background: #fff;margin-right:5%; float: left;margin-bottom: 70px;padding: 0 17px 28px 17px;position: relative;}
.recruitment .rightCont .zpxx ul li:before{transition-duration: .5s;-webkit-transition-duration: .5s; opacity: 0;pointer-events: none; content: "";position: absolute;top: 0;left: 0; width: 100%;height: 100%;border: 2px solid #d50000;}
.recruitment .rightCont .zpxx ul li span{position: absolute;}
.recruitment .rightCont .zpxx ul li .top{}
.recruitment .rightCont .zpxx ul li:hover:before{opacity: 1;}
.recruitment .rightCont .zpxx ul li:nth-child(3n){margin-right: 0;}
.recruitment .rightCont .zpxx ul{overflow: hidden;width: 100%;}
.recruitment .rightCont .zpxx ul li .title{line-height: 87px;font-size: 18px;font-weight: bold;text-align: center;}
.recruitment .rightCont .zpxx ul li .pay{color: #424242;font-size: 16px;text-align: center;line-height: 46px;font-weight: bold;border-top:1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.recruitment .rightCont .zpxx ul li .detail{height: 170px;padding: 33px 0 23px;overflow-y:auto;color: #a7a7a7;font-size: 14px;line-height: 24px;border-bottom: 1px solid #e5e5e5;}
.recruitment .rightCont .zpxx ul li .more{position: absolute;margin: 0 auto;width: 107px;height: 28px;border-radius:16px ;color: #fff;background: #da251d;line-height: 28px;text-align: center;bottom: 28px;left: 0;right: 0;}
.recruitmentDetail{display: none; padding-top: 0!important; position: fixed;left: 0;top: 0;width: 100%;height: 100%; z-index: 101;}
.recruitmentDetail .bg{width: 100%;height: 100%;background-color: #000; opacity: .8;}
.recruitmentDetail .contentbox{position: absolute;top: 50%;left: 50%;width: 1000px;height: 560px;margin-top: -280px;margin-left: -500px;background-color: #fff;}
.recruitmentDetail .contentbox .clostRecruit{cursor: pointer;position: absolute;top: -50px;right: -50px;width: 40px;height: 40px;border-radius: 50%;background-color: #d50000;transition-duration: .5s;-webkit-transition-duration: .5s;}
.recruitmentDetail .contentbox .clostRecruit img{width: 30px;margin: 5px;}
.recruitmentDetail .contentbox .title{text-align: center;line-height: 70px;font-size: 24px;font-weight: bold;border-bottom: 1px solid rgb(205, 205, 205);}
.recruitmentDetail .contentbox .summary{line-height: 28px; width: 80%;margin: 32px auto 0;max-height: 370px;overflow: auto;}
.recruitmentDetail .contentbox .employ{display: block;margin: 20px auto; width: 106px;height: 32px;line-height: 32px; background-color:#f50000;color: #fff;text-align: center;}

/**********************************recruitment of company(about us)***********************************************/
.contactUs .rightCont .box .desc .contact-box{margin-top: 48px;overflow: hidden;}
.contactUs .rightCont .box .desc .contact-box .img-box{display: inline-block;}
.contactUs .rightCont .box .desc .contact-box .contact-ul{display: inline-block;vertical-align: top;margin-left: 35px;}
.contactUs .rightCont .box .desc .contact-box .contact-ul li{font-size: 14px;line-height: 24px;margin-bottom:10px;}
.contactUs .rightCont .box .desc .contact-box .contact-ul li.title{font-size: 20px;line-height: 36px;font-weight: bold;margin-bottom: 14px;color: #2d2c2c;}
.contactUs .rightCont .box .desc #map{width: 100%;height: 650px;}
.contactUs .rightCont .box .desc .map{border:1px solid #a0a0a0;margin-top: 58px;position: relative;}
.contactUs .rightCont .box .desc .map p{display: block;width: 80%;height: 69px;line-height: 69px;text-align: center;position: absolute;bottom: 50px;left: 10%;background: #fff;color:#4b4b4b;font-size: 18px;}
/**********************************productList***********************************************/
.productList{}
.productList .sbt{cursor: move; margin-bottom: 100px;  position: relative;}
.productList .swiper-container{ width: 80%;margin: 0 auto;}
.productList .my-progress{z-index: 0; border-radius: 15px; width: 60%;height: 5px; top: auto;bottom: 0;left: 20%;}
.productList .my-progress span{border-radius: 15px;}
.productList .my-scrollBar{ z-index: 1; position: absolute; height: 5px;width: 60%;bottom: 0;left: 20%;}
.productList .my-scrollBar div{background-color: #0057a2;}
.productList .swiper-container .realBox{display: block;width: 100%;}
.productList .swiper-container .realBox .gray-bg{ width: 70%;margin: 0 auto; position: relative;background-color: #cdcdcd;}
.productList .swiper-container .realBox .gray-bg:after{content: "";position: absolute;width: 100%;height: 100%;z-index: 0; background: url(../image/white-bg.png);background-size: 100% 100%; }
.productList .swiper-container .realBox .gray-bg img{z-index: 1; position: absolute;max-width: 120%;bottom: 10%;left: 50%;transform: translateX(-50%) scale(.8);-webkit-transform: translateX(-50%) scale(.8); transition-duration: .5s;-webkit-transition-duration: .5s;}
.productList .swiper-container .realBox .btTitles{position: relative;padding-top: 28px;padding-left: 10px; margin-left: 15%; width: 85%;}
.productList .swiper-container .realBox .btTitles:before{content: "";position: absolute;top:15px;left: 10px;width: 35px;height: 2px;background-color: #676767;}
.productList .swiper-container .realBox .btTitles .cn{font-size: 18px;color: #414141;}
.productList .swiper-container .realBox .btTitles .en{font-size: 12px;color: #414141;opacity: .6;}
.productList .swiper-container .realBox.active{}
.productList .swiper-container .swiper-slide.active .gray-bg{ background-color: #0060ab;width: 85%;}
.productList .swiper-container .swiper-slide.active .gray-bg:after{background-image: url(../image/bt-bg.png);opacity: .8;}
.productList .swiper-container .swiper-slide.active .gray-bg img{bottom: -20px; transform: translateX(-50%) scale(1);-webkit-transform: translateX(-50%) scale(1);}
.productList .swiper-container .swiper-slide.active .btTitles{z-index: 1; position: absolute;top: 15%;left: 10%;width:80%; margin-left: 0;}
.productList .swiper-container .swiper-slide.active .btTitles:before{background-color: #fff;}
.productList .swiper-container .swiper-slide.active .btTitles .cn{color: #f1f1f1;}
.productList .swiper-container .swiper-slide.active .btTitles .en{color: #f1f1f1;opacity: 1;}
/****************PRODUCT 2017-03-15********************/
.np{
width: 1200px;
height: 700px;
margin: auto;
margin-bottom: 100px;

}
.np ul li{
width: 300px;
height: 700px;
position: relative;
float: left;
cursor: pointer;
-webkit-transition: all 1s cubic-bezier(0.25,0,0,1);
}
.np ul li .npBox{
width: 190px;
height: 429px;
position: absolute;
left: 55px;
top: 100px;
border: 2px solid #FFFFFF;
}
.np ul li .npBox:before,.np ul li .npBox:after{
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
background: url(../image/sbg.jpg) no-repeat;
background-size: cover;
content: '';
-webkit-transition: all 0.5s cubic-bezier(0.25,0,0,1);
}
.np ul li .npBox:after{
background-image: url(../image/hbg.jpg);
opacity: 0;
}
.np ul li .npBox .img{
width:300px;
position: absolute;
left: -55px;
bottom: 0px;
z-index: 20;
-webkit-transition: all 0.5s cubic-bezier(0.25,0,0,1);
}
.np ul li .npBox .img img{width: 100%;}
.np ul li .npBox .title,.np ul li .npBox .show{
width: 100%;
height: auto;
position: absolute;
left: 0px;
bottom: -80px;
z-index: 10;
-webkit-transition: all 0.3s cubic-bezier(0.25,0,0,1);
}
.np ul li .npBox .show{
width: 100%;
color: #FFFFFF;
bottom: auto;
top: 80px;
left: 15px;
opacity: 0;
-webkit-transition: all 0.4s cubic-bezier(0.25,0,0,1);
}
.np ul li .npBox .title b,.np ul li .npBox .show b{
display: block;
padding-top: 10px;
width: 100%;
height: auto;
font-size: 18px;
line-height: 30px;
}
.np ul li .npBox .title p,.np ul li .npBox .show p{
width: 150%;
height: auto;
line-height: 20px;
font-size: 12px;
text-transform: uppercase;
opacity: .5;
-webkit-transform: scale(0.8) translateX(-12%);
}
.np ul li .npBox .title:after,.np ul li .npBox .show:after{
width: 20%;
height: 2px;
position: absolute;
left: 0px;
top: -4px;
background: #3e3e3e;
content: '';

}
.np ul a{display: block;}
.np ul li .npBox .show:after{
-webkit-transition: all 0.4s cubic-bezier(0.25,0,0,1) 0.3s;
background: #FFFFFF;
width: 0%;
}

.np ul li:hover{
-webkit-transform: scale(1.2);
}
.np ul li:hover .npBox:before{
opacity: 0;
}
.np ul li:hover .npBox:after{
opacity: 1;
}
.np ul li:hover .npBox .img{
-webkit-transform: scale(1.2) translateY(50px);
}
.np ul li:hover .npBox .title{
bottom: 100px;
opacity: 0;
}

.np ul li:hover .npBox .show{
top: 30px;
opacity: 1;
}
.np ul li:hover .npBox .show:after{
width: 40%;
}

/*newsDetail*/
.newsBg,.newsBg .header{background-color: #efefef;}
.newsDetail{}
.newsDetail .content .des{width: 75%;margin: 0 auto;overflow: visible;}
.newsDetail .content .rightCont{width: 80%;float: none;margin: 0 auto;}
.newsDetail .content{background: none;padding-bottom: 0;}
.newsDetail .newsTitle{font-size: 30px;color: #737172;padding-bottom: 25px;border-bottom: 1px solid #d4d4d4;}
.newsDetail .date{display: inline-block; font-size: 12px;color: #737172;opacity: .8;margin-top: 18px;}
.newsDetail .author{margin-left: 20px; display: inline-block; font-size: 12px;color: #737172;opacity: .8;margin-top: 18px;}
.newsDetail .contentss{margin-top: 80px;}
.newsDetail .relContent ul,.newsDetail .relContent li{list-style: inside;}
.newsDetail .contentss .leftShare{width: 16%;float: left;}
.newsDetail .contentss .leftShare .back{margin-bottom: 45px; display: block; width: 80px;text-align: center;color: #969696;}
.newsDetail .contentss .leftShare .back img{margin: 0 auto;width: 40px;}
.newsDetail .contentss .leftShare li{text-align: center; font-size: 18px;color: #969696; width: 80px; margin-bottom: 20px; padding-top: 20px;border-top: 1px solid #e1e1e1;}
.newsDetail .contentss .leftShare li a{cursor: pointer; display: block;width: 100%;height: 56px;border-radius: 5px;background: url(../image/weChat.png) no-repeat center center;background-size: cover;}
.newsDetail .contentss .leftShare li a.weChat{background-color: #29a63e;}
.newsDetail .contentss .leftShare li a.qZone{background-color: #248bc6;background-image: url(../image/qZone.png);}
.newsDetail .contentss .leftShare li a.weibo{background-color: #e7912a;background-image: url(../image/weibo.png);}
.newsDetail .contentss .leftShare li a.moreS{background-color: #888888;background-image: url(../image/more.png);height: 56px!important;margin: 0;}
.newsDetail .contentss .leftShare li a span{background: none;}
.newsDetail .contentss .leftShare li:first-child{padding-top: 0; margin-bottom: 15px; border-top: none;}
.newsDetail .contentss .relContent{width: 84%;float: right;font-size: 14px;line-height: 24px;color: #666;}
.newsDetail .contentss .relContent .fakeImg{width: 100%;height: 480px;background-color: #eaeaea;margin-bottom: 20px;}
.newsDetail .contentss .relContent img{max-width: 100%;margin: 0 auto;}
.newsDetail .contentss .links{width: 84%;float: right;margin-top: 65px;}
.newsDetail .contentss .links a{display: inline-block;width: 150px;height: 32px;line-height: 32px; text-align: center;font-size: 16px;color: #f1f1f1;border-radius: 25px;}
.newsDetail .contentss .links a.noMore{background-color: #969696; cursor: no-drop;}
.newsDetail .contentss .links a.readMore{background-color: #da251d;}
.newsDetail .contentss .links a.pre{float: left;}
.newsDetail .contentss .links a.next{float: right;}
.newsDetail .closeBtn{width: 60px;height: 60px;margin: 0 auto 10px; padding: 10px; background-color: #969696;border-radius: 50%;}
#jiathis_webchat img{margin: 15px auto 0!important;}
#jiathis_modal_footer{padding-top: 5px!important;}
.friendLink{margin-bottom: 54px;
float: right;
margin-right: 20px;
width: 160px;
background: #fff;
text-align: center;
line-height: 23px;
padding-right: 20px;
position: relative;
border-radius: 20px;
margin-top: 10px;}
.friendLink .tit{cursor: pointer;}
.friendLink::before {
position: absolute;
content: "";
right: 20px;
top: 50%;
margin-top: -3px;
border: 6px solid;
border-color: #002d52 transparent transparent transparent;
}
.friendLink .det{border-top: 5px solid #002d52;border-radius: 15px; display: none; position: absolute;top: 100%;right: 0;width: 100%;background-color: #fff; padding: 10px 5px;z-index: 1;}
.friendLink .det a{text-align: left; color: #3e3e3e;display: block;line-height: normal;font-size: 12px;}
.friendLink .det a:hover{color: #da251d;text-decoration: underline!important;}
.cbottom{min-height: 302px;}
.cbottom >a{    display: block;
font-size: 14px;
width: 106px;
margin-top: 20px;
height: 32px;
line-height: 32px;
/*background-color: #d31008;*/
text-align: center;
text-transform: uppercase;
border-radius: 20px;
overflow: hidden;
}
.cbottom >a p{line-height: 32px!important;}
.mobileshowcs{display: none;}
/* 2017-10-26 ly */
.SwitchTab{
float: right;
position: absolute;
transform: translateY(-50%);
right: 1%;
top: 87px;
transition-duration: .5s;
-webkit-transition-duration: .5s;
}
header.active .SwitchTab{top: 33px;} 
.SwitchTab a{
width: 16px;
height: 16px;
background-size: cover;
display: inline-block;
}
.SwitchTab .EN{background-image:url(../image/EN.png) }
.SwitchTab .CN{background-image:url(../image/CN.png) }
.tabEC{
width: 100%;
float: left;
margin-top: 20px;
overflow: hidden;
text-align: center;
display: none;
padding-bottom: 15px;
}
.tabEC a{
width: 16px;
height: 16px;
background-size: cover;
display: inline-block;
margin: 0 15px;
}
.tabEC .EN{background-image:url(../image/EN.png) }
.tabEC .CN{background-image:url(../image/CN.png) }


/* end 2017-10-26*/
@media only screen and (max-width: 1440px) {
.moreList a{margin: 20px 20px 15px;}
.introduce .content .rightCont .box .flag >div{padding: 15px;}
.introduce .content .rightCont .box .flag span:first-child{line-height: 125px;padding-right: 20px;}
.introduce .content .rightCont .box .flag span:first-child+span{font-size: 14px;}
.series .banner-horse .horse{right: 5%;}
.productList .swiper-container{width: 100%;}
.introduce .content .rightCont .box .tags a{padding-left: 30px;font-size: 13px;}
.productType1 .equipment .btStructure >img{left: 70%;}
.case .topCon .des .ball{width: 250px;height: 250px;}
.case .topCon .des .apply{font-size: 14px;line-height: 22px;}
.case .topCon .des .apply .score{margin-top: 10px;}
.case .topCon .arrowDoad{margin-top: 35px;}

.introduce .rightCont .box .flag >div{padding: 20px;}
.introduce .rightCont .box .flag span:first-child{line-height: 60px;}
/*.introduce .rightCont .box .desc p{font-size: 16px;}*/
.recruitment .rightCont .zpxx ul li .detail{padding: 10px 0;}
.duty .rightCont .box .duty-ul .item{padding: 20px;}
.duty .rightCont .box .duty-ul .item .detail{ margin-top: 10px;}
.duty .rightCont .box .duty-ul .item .more{margin-top: 10px; display: block; position: relative;top: 0;left: 0;}
.recruitment .rightCont .box1{padding-bottom: 0;}
.productShow .sball .bigR{width: 480px;height: 480px;margin-left: -240px;}
.productShow .sball .leftParameter,.productShow .sball .rightParameter{width: calc(50% - 240px);}
.productShow .sball .parameterBox:first-child{top: 110px;}
.productShow .sball .parameterBox:first-child+.parameterBox, .productShow .sball .parameterBox:first-child.parameter2{top: 225px;}
.productShow .sball .parameterBox:first-child+.parameterBox+.parameterBox, .productShow .sball .parameterBox:first-child+.parameterBox.parameter3{top: 348px;}
/*.bt6 .btTit .cn{font-size: 24px;}*/
/*.bt6 .btTit .en{font-size: 14px;}*/
.productShow{margin-bottom: 60px;}
.productShow .sball{height: 500px;}
.product .right .tit{margin-bottom: 10px;padding-top: 20px;}
.product .right .title{margin-bottom: 10px;margin-top: 10px;}
.swiper-container .swiper-slide p{line-height: 26px;}
.headerNews ul li a .moreN p{line-height: 32px;}
.honorList{width: 100%;}
.recruitmentDetail .contentbox{height: 400px;margin-top: -200px;}
.recruitmentDetail .contentbox .summary{max-height: 204px;}
.product .right .parameter .detail{margin-top: 10px;}
/*.product{background-position: center -180px;}*/
.product .right .parameter{margin-top: 0;}
.product .right .center> a{margin-top: 10px;}
.product .right .tit .cn{font-size: 30px;}
.product .right .title .proName{font-size: 24px;}
.product .right .control-btn a{width: 28px;height: 28px;}
.product .right .control-btn{width: 70px;}
/*.hse .rightCont .box .desc .abs .aim{font-size: 16px;}*/
.hse .rightCont .box1 .desc .abs .aim span{margin-right: 20px;}
.np{height: 650px;}
.np ul li{height: 500px;}
.np ul li .npBox{top: 50px;}
.cbottom{min-height: 228px;}
.superiority .details{margin-top: 25px;padding-top: 25px;}
.superiority .details a .desc{margin-bottom: 20px;}
.headerNews ul{height: 420px;}
.headerNews ul li a .abs{max-height: 50px;}
.headerNews .titles{margin-bottom: 20px;}
.application ul li .imbx .description{height: auto;padding: 10px 3%;}
.application ul li .imbx .description .tit{padding-bottom: 10px;font-size: 16px;}
.application ul li .imbx .description .more{margin-top: 20px;}
.application ul li .imbx .description .tit span{max-height: 44px;}
.superiority.superiority .logos{margin-bottom: 25px;}
.superiority .abs{width: 70%;}
.headerNews .titles .cn,.application .title .cn{font-size: 32px;}
.headerNews ul li a .date{margin-bottom: 10px;}
.newsDetail .contentss .leftShare li{width: 70px;}
.newsDetail .contentss .leftShare li a{height: 45px;}
.newsDetail .closeBtn{width: 50px;height: 50px;}
.newsDetail .contentss .leftShare .back img{width: 100%;}
}
@media only screen and (max-width: 1024px) {
.SwitchTab{
top: 33px;
}
.case .topCon .des .apply{width: 80%;}
.case .projectIntroduce{width: 80%;}
footer .bottomNav li:first-child{margin-left: 0;}
footer .bottomNav li{width: auto;}
footer .bottom .mes{display: none;}
footer .bottom p{display: inline-block;}
footer .bottom .copyright{float: none;text-align: center;}
footer .bottom .shuwon{margin-left: 15px;}
.realCont .content .tits{margin: 0 3%;}
.comNav .left a{margin-right: 0;}
/*.comNav{padding: 0 3%;}*/
.realCont .content .des{margin: 0 3%;padding: 20px 0;}
.newsDetail .realCont .content .des{width: 94%;}
/*.realCont .content .rightCont{width: 65%;}*/
.productType1 .equipment .btStructure >img{left: 66%;}
.productType1 .equipment .btStructure >img{max-width: 200px;}
.productType1 .equipment .btStructure .leftBt .func{padding: 10px 0;font-size: 12px;}
.productType1 .equipment .btStructure .leftBt .constitute{padding: 10px 0;}
.productType1 .equipment .btStructure .leftBt .argument li >div{float: none; display: block;}
.productType1 .equipment .btStructure .leftBt .argument{padding-top: 15px;}
.productType1 .equipment .btStructure .leftBt .argument li{margin-top: 10px; font-size: 12px;line-height: 24px;}
.productType1 .equipment .btStructure{margin-bottom: 20px;}
.productType1 .equipment .btStructure .leftBt .argument li .details{padding-left: 30px;}
.esBt .realCont .content{padding-bottom: 0;}
.esBt .realCont .content .des{padding-bottom: 0;}
header{padding-top: 10px;height: auto;}
header .logo a img{height: 40px;}
header .header-body{padding-bottom: 10px;}
header nav{width: calc(100% - 150px);margin-top: 5px;}
header nav li{width: calc(100%/6);box-sizing: border-box;}
header nav li a{font-size: 12px;line-height: 28px;}
.main{padding-top: 80px;}
.introduce .rightCont .box .desc img{margin: 10px 0;}
.recruitment .rightCont .box1{margin-bottom: 20px;}
.introduce .rightCont .box .flag{margin-bottom: 20px;}
.introduce .rightCont .box .flag >div{padding: 5px;height: 120px;}
.introduce .rightCont .box .flag span:first-child{line-height: 30px;font-size: 24px;padding-right: 10px;}
.introduce .rightCont .box .flag span:first-child+span{padding-left: 10px; width: calc(100% - 86px);line-height: 22px;font-size: 12px;}
.introduce .rightCont .box .flag .rightb span:first-child+span{width: calc(100% - 70px);}
.introduce .rightCont .box .tags a{width: 100%;margin-bottom: 20px;}
.introduce .rightCont .box .tags a:first-child+a{width: 100%;}
.comNav{line-height: 50px;height: 50px;}
.comNav .left{font-size: 14px;}
.comNav .left a{padding: 0 10px;}
.crumbs{min-width: calc(100% - 460px);padding-right: 10px;font-size: 12px;margin-right: 0;}
.realCont .content .leftNav{top: 10px;}
.realCont .content .leftNav{font-size: 14px;}
.realCont .content .leftNav li{margin-bottom: 20px;}
.realCont .content .rightCont .titles{font-size: 18px;}
.introduce .rightCont .box .titles{margin-bottom: 10px;}
.recruitment .rightCont .box .desc>p{margin-top: 15px;}
.introduce .rightCont .box .line{margin: 15px 0;}
.honorList ul li{width: 25%;}
.honorList{padding-bottom: 0;margin-bottom: 0;}
.duty .rightCont .box .duty-ul .item .title{font-size: 18px;margin-bottom: 10px;}
.duty .rightCont .box .duty-ul .item{padding: 0 20px;}
.duty .rightCont .box .duty-ul .item .date{font-size: 12px;line-height: 24px;}
.loadmore{margin: 20px auto;}
.recruitment .rightCont .zprk div{padding-right: 0;padding-left: 10px;}
.recruitment .rightCont .zpxx ul li{width: 46%;margin: 0 2%;}
.recruitment .rightCont .zpxx{margin-top: 40px;padding-left: 0;}
.recruitmentDetail .contentbox{left: 10%;width: 80%;margin-left: 0;height: 600px;margin-top: -300px;}
.recruitmentDetail .contentbox .summary{max-height: calc(100% - 190px);}
.contactUs .rightCont .box .desc #map{height: 500px;}
.contactUs .rightCont .box .desc .map{margin-top: 25px;}
.contactUs .rightCont .box .desc .contact-box{margin-top: 25px;}
.dynamic .realCont .content .rightCont ul li a .rightContent .title{font-size: 18px;line-height: 1.5;}
.news .realCont .content .rightCont ul li a .newsTit{font-size: 18px;line-height: 1.5;width: 40%;padding-right: 20px;}
.news .realCont .content .rightCont ul li a .contents{width: calc(60% - 60px);padding: 0 20px;max-height: 91px;height: 91px; overflow: hidden;}
.news .realCont .content .rightCont ul li a .more-btn{width: 60px;}
.news .realCont .content .rightCont ul li a{margin-bottom: 25px;}
.case .projectIntroduce a{width: 100%;}
.case .projectIntroduce .casebox a:nth-child(2n){margin-left: 0;}
.popPanel .contents{width: 80%;left: 10%;margin-left: 0;}
.case .projectIntroduce a .intro .projectDes{height: auto;}
.productService .rightCont .idea{font-size: 20px;margin-top: 25px;}
.productService .topTit .cn{font-size:20px;}
.productService .rightCont .imgBoxs .imgs{margin-top: 25px;}
.productService .rightCont p{margin-bottom: 15px;}
.topTit .en{font-size: 14px;}
.hse .rightCont .box .desc .abs{width: 48%;}
.hse .rightCont .box .desc .abs .aim{margin-top: 25px;}
.hse .rightCont .box2 .desc .img{width: 48%;margin-right: 4%;}
.hse .rightCont .box2 .desc .img img{width: 100%;}
.moreList.active{padding: 15px;}
.moreList a{width: 33%;margin: 0;float: left;}
.moreList:after{display: none;}
.series .banner-horse{height: auto; padding: 20px;margin-bottom: 25px;margin-top: 20px;}
.series .banner-horse .bigTit{font-size: 50px;margin-bottom: 25px;}
.series .banner-horse .conscience .blue{font-size: 50px;}
.series .banner-horse .bigTit p{font-size: 16px;}
.series .banner-horse .conscience{width: calc(100% - 280px);}
.series .banner-horse .horse{right: 20px;width: 50%;}
.series .realCont .rightCont .box3 .desc li{margin-bottom: 25px;}
.best .rightCont .box1 .desc .round{margin-top: 40px;}
.best .rightCont .box2 .desc .abs{padding-bottom: 40px;}
.series .realCont .rightCont .concept{font-size: 24px;}
.popPanel .contents .intro{padding: 20px;}
.popPanel .contents .intro .projectName{font-size: 20px;margin-bottom: 20px;}
.popPanel .contents .intro .projectName::after{bottom: -10px;}
.popPanel .contents .intro .list{width: 100%;}
.popPanel .contents .intro .list .turnR{font-size: 18px;}
.news .realCont .content{padding-bottom: 0;}
.moreBtn{margin-top: 30px;}
.productShow .sball{height: 350px;}
.productShow .sball .leftParameter,.productShow .sball .rightParameter{width: calc(50% - 175px);}
.productShow .sball .bigR{width: 350px;height: 350px;margin-left: -175px;}
.productShow .btTit .en{font-size: 24px;}
.productShow .btTit .cn{font-size: 12px;}
.productShow .sball .parameterBox:first-child{top: 50px;}
.productShow .sball .parameterBox:first-child + .parameterBox, .productShow .sball .parameterBox.parameter2:first-child{top: 140px;}
.productShow .sball .parameterBox:first-child + .parameterBox + .parameterBox, .productShow .sball .parameterBox:first-child + .parameterBox.parameter3{top: 230px;}
.productShow .sball .parameterD{font-size: 16px;}
.productShow .sball .Lit{margin-bottom: 5px;}
.productShow .sball .grey{margin-bottom: 0;}
.productShow .sball{padding-top: 30px;}
.productShow .sball .rightParameter .parameterBox{padding-left: 20px;}
.productShow .sball .leftParameter .parameterBox{padding-right: 20px;}
.product2 .part12{margin-bottom: 20px;padding-bottom: 0;}
.productType1 .equipment .proTit div{font-size: 20px;}
.productType1 .equipment .proParameter ul li p{font-size: 16px;}
.productType1 .equipment .proParameter ul li{margin-bottom: 15px;}
.productType1 .equipment .peculiarity{margin: 20px 0 40px;}
.productType1 .equipment .peculiarity ul{margin: 20px 0;}
.productType1 .equipment .proParameter{margin-top: 20px;}
.news .nav li a{font-size: 16px;height: auto;padding: 14px 0;}
.productType1 .realCont .content .leftNav li a .en{margin-top: 0;}
.fnc-nav{top: 80px;}
.product .swiper-slide{padding: 3%;}
.cbottom{min-height: 249px;}
.application ul li a .description .more{width: 80%;}
.application .wd1480{width: 90%;}
/*.application ul li.active a{transform: none;}*/
.application ul li .imbx .description{position: relative;bottom: 0;}
.application ul li .imbx .description .more{width: 80%;margin: 0 auto;}
.application ul li .imbx .description .tit{font-size: 14px;}
.application ul li .imbx .description .tit span{max-height: 40px;}
.superiority .abs{width: 90%;}
.headerNews ul{height: 400px;}
.recruitment #box2 ul li{margin-right: 55px;}
}
@media only screen and (max-width: 768px) {
.SwitchTab{
display: none;
}
.SwitchTab{
display: none;
}

.tabEC{display: block;}
.recruitment #box2 ul li{margin-right: 40px;}
footer .left{width: 100%;float: none;overflow: hidden;}
footer .left .logo{float: left;}
footer .right{float: none;padding-top: 15px; width: 100%;}
footer .right .link{text-align: center;}
footer .bottomNav{float: center;}
footer .bottomNav li{padding: 0 8px;}
.bTit .en{font-size: 12px;}
.bTit .cn{font-size: 22px;}
.realCont .content .rightCont{margin-right: 0;}
.honorList ul li{width: 33%;}
.duty .rightCont .box .duty-ul .imgbox{height: 162px;}
.duty .rightCont .box .duty-ul .imgbox img{height: 100%;}
.case .projectIntroduce a .intro .projectDes{height: 70px;overflow: hidden;}
.popPanel .contents{width: 100%;height: 100%;left: 0;margin-top: 0;top: 0;display: flex;align-items: center;padding: 0 3%;}
.popPanel .contents .closeBox{top: 15%;right: 3%;}
.popPanel .contents .img{height: auto;width: 50%;}
.popPanel .contents .intro{width: 50%;}
.series .banner-horse .bigTit{margin-bottom: 20px;font-size: 40px;}
.series .banner-horse .lis{width: 400px;padding-left: 40px;}
.series .banner-horse .lis span{margin-left: -45px;}
.series .banner-horse .conscience{width: calc(100% - 100px);margin-top: 15px;padding-top: 15px;}
.series .banner-horse .conscience .blue{font-size: 40px;}
.popPanel .contents .img img{width: 100%;}
.newsDetail .contentss .relContent{width: 80%;}
.newsDetail .content .rightCont{width: 94%;}
}
.news .comNav{display: none;}
.espli{display: none;}
.imgbox{display: none;}
.sbbtn{display: none;}
@media only screen and (max-width: 767px) {
.mouse1{ display: none;}
.imgbox{position: fixed;z-index: 999;width: 100%;height: 100%;top: 0;left: 0;background-color: #fff;}
.imgbox .closebtn{cursor: pointer; width: 30px;height: 30px; position: absolute;z-index: 100; top: 15px;right: 3%;border-radius: 50%;background-color: #d50000;}
.imgbox .closebtn img{margin-top: 10%;margin-left: 10%; width: 80%;height: 80%;}
.imgbox .pinch-zoom{position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.develop .time-line-box .action img{height: 45px;}
.recruitment #box2{margin-bottom: 30px;}
.recruitment #box2 ul li{margin-right: 0;float: left;width: 33.33%;}
.recruitment #box2 ul li img{margin: 0 auto;}
.recruitment #box2 ul{width: 100%;overflow: hidden;}
header{padding-top: 10px;}
header .logo a img{height: 40px;}
header .mobile{z-index: 100; position: fixed;top: 15px;right: 3%;width: 30px;height: 30px;cursor: pointer;-webkit-transition: all ease 0.3s;transition: all ease 0.3s;display: block;}
header .mobile span{width: 26px;height: 2px;background-color: #0064ae;position: absolute;top: 4px;left: 2px;transition-duration: .5s;-webkit-transition-duration: .5s;}
header .mobile span:nth-child(1){transform-origin: left top;}
header .mobile span:nth-child(2){top: 15px;}
header .mobile span:nth-child(3){top: auto; bottom: 3px;transform-origin: left bottom;}
header .mobile.active span:nth-child(2){transform: scale(0);}
header .mobile.active span:nth-child(1){transform: rotate(45deg);top: 6px;left: 6px;}
header .mobile.active span:nth-child(3){transform: rotate(-45deg);bottom: 4px;left: 6px;}
header nav{display: none; padding-top: 50px; margin-top: 0;position: fixed;left: 0;top: 0;width: 100%;background-color: #efefef;}
header nav li{width: 100%;text-align: center;padding-bottom: 10px;padding-top: 10px; border-bottom: 1px solid #fff;border-top: 1px solid rgba(255,255,255,.2);}
header nav li a{width: auto;padding: 0 40px;color: #3e3e3e;}
.headerIndex nav li a{color: #3e3e3e;}
header{height: auto;}
header.ac{height: 100%;}
header .header-body{padding-bottom: 5px;width: 100%;}
.main{padding-top: 60px;padding-bottom: 80px;}

.realCont .content .leftNav{display: none;}
.realCont .content .rightCont{width: 100%!important;float: none;}
.case .projectIntroduce{width: 100%;}
.case .projectIntroduce a .img{width: 100%;padding: 10px;padding-bottom: 0;}
.case .projectIntroduce a .intro{width: 100%;padding: 15px 3%;background-color: #d31008;}
.case .projectIntroduce a .intro .projectName{color: #fff;font-weight: normal;text-align: center;}
.case .projectIntroduce a .intro .projectName::after{background-color: #fff;left: 50%;margin-left: -32px;}
.case .projectIntroduce a .intro .projectDes{height: auto;display: none;}
.case .topCon .des .ball{width: 150px;height: 150px;margin-top: 20px;}
.case .topCon .des .ball .slideBlock{width: 636px;}
.crumbs{display: none;}
.comNav{height: auto;line-height: 40px;}
.comNav .left a{width: 33.33%;font-size: 13px;}
.introduce .rightCont .box .flag > div{width: 100%;}
.introduce .rightCont .box .flag span:first-child{width: 90px;text-align: center;}
.introduce .rightCont .box .flag span:first-child+span{width: calc(100% - 90px);}
.introduce .rightCont .box .flag .rightb{margin-top: 10px;}
.introduce .rightCont .box .flag .rightb span:first-child+span{width: calc(100% - 90px);}
.introduce .rightCont .box .tags .axb{width: 100%;margin: 0; margin-bottom: 15px;}
.introduce .rightCont .box .tags .axb:first-child+.axb{width: 100%;}
.contactUs .rightCont .box .desc .contact-box .img-box{display: block;margin-bottom: 15px;}
.contactUs .rightCont .box .desc .contact-box .img-box img{margin: 0 auto;width: 100px;}
.contactUs .rightCont .box .desc .contact-box .contact-ul{margin-left: 0;}
.recruitment .rightCont .zprk{margin-top: 15px;line-height: 40px;padding: 10px 0;}
.recruitment .rightCont .zprk .title{padding-right: 0;text-align: center;line-height: 40px;}
.recruitment .rightCont .zprk .title:after{height: 100%;top: 0;margin-top: 0;}
.recruitment .rightCont .zprk div{width: 50%;float: left;height: 40px;}
.recruitment .rightCont .zprk div a{display: block;width: 100%;height: 100%;}
.recruitment .rightCont .zprk div a img{height: 30px;margin: 5px auto 0;}
.recruitment .rightCont .zpxx ul li{width: 100%;margin: 0 auto;height: auto;padding-bottom: 15px;margin-bottom: 20px;}
.recruitment .rightCont .zpxx ul li .more{margin-top: 15px; position: relative;top: 0;left: 0;display: block;}
.recruitment .rightCont .zpxx ul li .detail{height: auto;}
.duty .rightCont .box .duty-ul .imgbox{height: auto;width: 100%;}
.duty .rightCont .box .duty-ul li{margin-bottom: 15px;}
.duty .rightCont .box .duty-ul .item{width: 100%;margin-left: 0;padding: 0 5px; padding-bottom: 15px;}
.recruitmentDetail .contentbox{width: 100%;height: 100%;left: 0;top: 0;margin-top: 0;padding-top: 50px;}
.recruitmentDetail .contentbox .clostRecruit{top: 10px;right: 10px;}
.honor .fullCont .box1 .desc .marks{font-size: 20px;line-height: 2;}
.honor .fullCont .box1 .desc .float-l.u1{margin-top: 15px;}
.honor .fullCont .box1 .desc ul.float-l li{width: 50%;float: left;width: 50%;margin: 0;}
.honorList{margin: 20px 0;}
.honorList ul li{width: 100%;}
.develop .time-line-box .line .rightBox{padding-left: 39px;width: 100%;margin-left: 0;}
.develop .time-line-box .line .leftBox{padding-left: 39px;width:100%;margin-left: 0;}
.develop .time-line-box .line .leftBox .line-dot-detail{padding-left: 50px;padding-right: 0;text-align: left;}
.develop .time-line-box .line .line-dot .line-dot-title{left: -39px;right: auto;position: relative;}
.develop .time-line-box .line .leftBox:after, .develop .time-line-box .line .rightBox:after{right: auto;left: 38px;margin-left: 0;}
.develop .time-line-box .line .line-dot{padding-bottom: 15px;}
.develop .time-line-box .line{padding-bottom: 20px;}
.develop .time-line-box{margin-top: 20px;}
.develop .time-line-box .line  .line-dot-detail img{max-width: 100%;}
footer .right .link a{padding: 0 10px;}
footer .bottomNav li{width: 33%;margin-bottom: 5px;}
footer .bottomNav li:nth-child(3):after{display: none;}
footer .left .logo{float: none;}
footer .left .logo a{width: 150px;display: block;margin: 0 auto;}
footer .left .logo a img{width: 150px;}
footer .bottomNav{padding-top: 15px;}
.friendLink{float: none; margin: 0 auto 25px;}
footer .right{margin-bottom: 20px;}
footer{padding-top: 20px;}
.banner-in{margin-bottom: 20px;}
footer .bottom p{width: 300px;}
footer .bottom .shuwon{margin-left: 0;text-align: center;}
.moreList a{margin-bottom: 15px;}
.moreList a .img img{width: 80px;}
.moreList a .bg{width: 60px;height: 60px; margin-top: -30px;margin-left: -30px;}
.moreList a .cn{font-size: 12px; height: 1.2rem}
.moreList a .en{height: 32px;display: none;}
.news .comNav{display: block;margin-top: 20px;}
.news .realCont .content .des{padding-top: 20px;padding-bottom: 0;}
.news .realCont .content .rightCont ul li a{margin-bottom: 15px;padding: 15px;}
.dynamic .realCont .content .rightCont ul li a{display: block;}
.dynamic .realCont .content .rightCont ul li a .imgbox{width: 100%;padding: 15px 0;}
.dynamic .realCont .content .rightCont ul li a .imgbox img{max-width: 100%;margin: 0 auto;}
.dynamic .realCont .content .rightCont ul li a .rightContent{width: 100%;padding: 0;}
.dynamic .realCont .content .rightCont ul{margin-bottom: 25px;}
.news .realCont .content{padding-bottom: 0;}
.series .banner-horse{margin: 20px 0;}
.series .banner-horse .bigTit{font-size: 26px;}
.series .banner-horse .bigTit .gray{margin-right: 30px;}
.series .banner-horse .bigTit p{font-size: 12px;}
.series .banner-horse .horse{position: relative;top: 0;left: 0;width: 70%;}
.series .banner-horse .lis{width: 100%;}
.series .banner-horse .conscience{padding-top: 5px;width: 100%;}
.series .banner-horse .conscience .blue{font-size: 30px;width: 100%;}
.series .banner-horse .conscience .blue:after{display: none;}
.series .banner-horse .conscience p{width: 100%;}
.series .realCont .comNav .left{width: 100%;}
.series .realCont .rightCont .box1 .desc .img{max-width: 100%;margin-right: 0;margin-bottom: 15px;}
.series .realCont .rightCont .box1 .desc{ padding: 20px 3% 0;}
.series .realCont .rightCont .concept{font-size: 14px;overflow: hidden;padding: 10px 0;}
.series .realCont .rightCont .concept span{margin-right: 0;float: left;width: 25%;text-align: center;}
.series .realCont .rightCont .box2{margin-bottom: 20px;}
.series .realCont .rightCont .box3 .desc{padding-top: 20px;}
.series .realCont .rightCont .box3 .desc .subtit{padding-left: 35px;font-size: 16px;}
.series .realCont .rightCont .box3 .desc .description{padding-left: 35px;width: 100%;}
.series .realCont .rightCont .box3 .desc .subtit::after{display: none;}
.series .realCont .rightCont .box3 .desc li{margin-bottom: 15px;}
.series .realCont .rightCont .box3 .desc li.process .description{margin-top: 0;}
.realCont .content .rightCont .titles{font-size: 18px;}
.informatization .content .des .imgB{margin-top: 20px;}
.hse .rightCont .box .desc .abs{width: 100%;}
.hse .rightCont .box .desc .abs .aim{overflow: hidden;font-size: 14px;margin-top: 15px;padding-top: 15px;margin-bottom: 15px;}
.hse .rightCont .box1 .desc .abs .aim span{float: left;width: 25%;text-align: center;margin-right: 0;}
.hse .rightCont .box2 .desc .img{width: 100%;margin-right: 0;}
.hse .rightCont .box3 .desc .theme{margin-bottom: 15px;font-size: 14px;}
.series .realCont .rightCont .box2 .desc{padding: 18px 3% 0;}
.series .realCont .rightCont .box1{margin-bottom: 20px;}
.series .realCont .rightCont .box2{margin-bottom: 0;}
.best .rightCont .box1 .desc .detail{width: 100%; margin-top: 0;font-size: 14px;}
.best .rightCont .box1 .desc .imgs{width: 100%;margin-top: 15px;}
.best .rightCont .box1 .desc .round{margin-top: 15px;}
.best .rightCont .box2 .desc .abs{padding-bottom: 0;padding-top: 0;margin-top: 15px;}
.best .rightCont .box2 .desc .abs.active{height: 400px;overflow: auto;}
.best .rightCont .box2 .desc .abs.active img{max-width: initial;}
.best .rightCont .imgList{padding-bottom: 20px;}
.case .projectIntroduce a{margin-bottom: 15px;}
.moreBtn{margin-top: 20px;}
.productService .rightCont .parts{margin-top: 30px;}
.productService .rightCont .idea{font-size: 18px;line-height: 1.5;margin-top: 15px;}
.productType1 .equipment .proTit div{font-size: 18px;}
.productType1 .equipment .btStructure .leftBt{width: 100%;}
.productType1 .equipment .btStructure > img{position: relative;left: 0;top:0;margin: 0 auto;max-width: 100%;}
.productIntroduce .tits, .product2 .tits2{font-size: 20px;margin-bottom: 20px;}
.productType1 .equipment .proParameter .imgL{width: 100%;}
.productType1 .equipment .proParameter ul{width: 50%;margin-top: 0;margin-right: 0;}
.productType1 .equipment .peculiarity{margin: 0 0 20px;}
.productType1 .equipment .abs{margin: 20px 0;padding: 15px 0;}
.productType1 .equipment .preponderance .tag{font-size: 20px;line-height: 35px;height: 35px;}
.productType1 .equipment .preponderance ul{margin-top: 20px;}
.productType1 .equipment .preponderance ul li{margin-bottom: 15px;}
.productType1 .equipment .preponderance ul li .desc{width: 100%;padding-left: 0px;margin-top: 10px;}
.productType1 .lines{margin: 20px 0;}
.productType1 .equipment .proParameter ul{padding-left: 20px;}
.productType1 .equipment .proParameter ul li::before{display: none;}
.productType1 .equipment .proParameter ul li::after{width: 6px;height: 6px;left: -20px;top: 10px;}
.productIntroduce{padding: 20px 3%;}
.productIntroduce .tits h2, .product2 .tits12 h2{font-size: 20px;margin: 0;}
.productShow .sball .bigR{position: relative;left: 0;margin: 0 auto 20px;width: 280px;height: 280px;}
.productShow .sball{height: auto;padding-top: 65px;}
.productShow .sball .leftParameter, .productShow .sball .rightParameter{width: 100%;float: left;text-align: left;}
.productShow .sball .leftParameter{margin-right: 0;}
.productShow .sball .leftParameter .parameterBox,.productShow .sball .rightParameter .parameterBox{position: relative;left: 0;top: 0;padding-right: 0;}
.productShow .sball .leftParameter .parameterBox:first-child+.parameterBox+.parameterBox{right: 0;}
.productShow .sball .parameterBox:first-child + .parameterBox + .parameterBox, .productShow .sball .parameterBox:first-child + .parameterBox.parameter3{top: 0;transform: none;right: 0;}
.productShow .sball .parameterBox:first-child + .parameterBox, .productShow .sball .parameterBox.parameter2:first-child{top: 0;}
.productShow .sball .rightParameter .parameterBox:first-child{left: 0;}
.productShow .sball .parameterBox:first-child+.parameterBox, .productShow .sball .parameterBox:first-child.parameter2{transform: none;}
.productShow .sball .rightParameter .parameterBox:first-child + .parameterBox + .parameterBox{left: 0;}
.productShow .sball .rightParameter .parameterBox:first-child > div:first-child + div{margin-left: 0;}
.productShow .sball .parameterBox:first-child{transform: none;}
.productShow .sball .rightParameter .parameterBox{padding-left: 0;}
.productShow .sball .parameterD{font-size: 14px;}
.productShow .sball .grey{margin-bottom: 5px;}
.productShow .sball .rightParameter .parameterBox,.productShow .sball .leftParameter .parameterBox{width: 50%;float: left;text-align: center; margin-bottom: 15px;}
.productShow .sball .bigR .p{display: none;}
.productShow .sball .leftParameter .parameterBox:first-child{right: 0;}
.productShow .btTit .en{font-size: 20px;}
.productIntroduce .btT .leftBt .tit{font-size: 18px;}
.productIntroduce .btT .leftBt{float: none;width: 100%;margin: 0 auto;padding-right: 0;}
.productIntroduce .btT .rightBt{width: 100%;padding: 20px 3%;margin-top: 15px;}
.productIntroduce .advantage li .lef{width: 100%;margin-bottom: 10px;}
.productIntroduce .advantage li .adDetail{width: 100%;margin: 0;padding-left: 0;}
.productIntroduce .advantage li .adDetail img{margin: 15px auto;}
.productIntroduce .advantage li{margin-bottom: 15px;}
.productIntroduce .advantage{margin-bottom: 20px;}
.productIntroduce .redTag{margin: 30px 0 20px;height: 35px;line-height: 35px;font-size: 20px;padding-left: 10px;width: 138px;text-align: center;}
.productIntroduce .advantage li .adDetail .leftC{width: 100%;}
.productIntroduce .advantage li .adDetail .espb{margin-top: 15px;}
.productIntroduce .advantage li .adDetail .imgborder.active{width: 100%;}
.fnc-nav__control{width: 33.33%!important;}
.btn .cn{font-size: 16px!important;}
.fnc-slide__mask{width: 94%!important;}
.product .left{position: relative;width: 100%;margin: 0;}
.product .swiper-slide-active .right{width: 100%;height: auto;}
.newsDetail .realCont .content .des{width: 100%;margin: 0;}
.wd1350,.application .wd1480{width: 94%;}
.application ul li{width: 100%;margin-bottom: 20px;}
.application ul li .imbx .description{opacity: 1;height: auto;}
.superiority .details{width: 100%;display: block;overflow: hidden;}
.superiority .details a{width: 50%;float: left;display: inline-block;padding: 0 5px;}
.superiority{padding-bottom: 20px;margin-top: 30px;}
.headerNews ul li{width: 100%;margin-right: 0;padding-bottom: 20px;}
.headerNews ul{height: auto;}
.headerNews ul li a .img{opacity: 1;transform: none;}
.headerNews ul li a .des{margin-top: 0;}
.headerNews ul li a .moreN{opacity: 1;height: 28px;line-height: 28px;margin: 20px auto 0;}
.headerNews ul li a{width: 100%;}
.application ul li .imbx .description .more{position: relative;}
.superiority .details a .theme{background-size: 70%;background-position: center;width: 100px;height: 50px;}
.superiority .details a .en{margin-top: 0;}
#mapIndex .pos{width: 94%;left: 3%;margin-left: 0;padding: 5px 15px;height: auto;line-height: 24px;top: 150px;}
#mapIndex{background-position: 46% center;}
.application .title,.headerNews .titles{width: 100%;}
.product .left,.product .right{height: auto;}
.product .left .img{top: 0;transform: none;}
.product{background-size: auto 50%;}
.product .my-dot{bottom: 0px;}
.application{margin-top: 20px;}
.product .left{position: relative;}
.product .left .img img{height: 280px;}
.product .swiper-slide{height: 100%;}
.application ul{margin-top: 20px;}
.contactUs .rightCont .box .desc .map p{line-height: normal;padding-top: 8px;}
.application ul li .imbx .description .more{left: 0;}
.newsDetail .contentss .leftShare{width: 100%;overflow: hidden;}
.newsDetail .contentss .relContent{width: 100%;}
.newsDetail .contentss .links a{width: 48%;}
.newsDetail .contentss .links{width: 100%;margin-top: 20px;}
.newsDetail .newsTitle{font-size: 24px;padding-bottom: 10px;}
.newsDetail .contentss{margin-top: 25px;}
.newsDetail .closeBtn{width: 40px;height: 40px;margin-bottom: 0; display: none;}
.newsDetail .contentss .leftShare .back{display: inline-block;margin-bottom: 10px;float: right;margin-top: 15px;font-size: 16px;}
.newsDetail .contentss .leftShare .back img{width: 100%;}
.newsDetail .contentss .leftShare ul{margin: 0 -10px;}
.newsDetail .contentss .leftShare li:first-child{width: 100%;margin-bottom: 0;text-align: left;font-size: 14px;}
.newsDetail .contentss .leftShare li{width: 25%;padding: 10px;float: left;}
.newsDetail .contentss .leftShare li a{height: 50px;}
.newsDetail .contentss .leftShare li a.moreS{height: 42px!important;}
.newsDetail .contentss .leftShare li{margin-bottom: 10px;}
.product .right{width: 100%; float: none; opacity: 1; transform: none;-webkit-transform: none; transition-delay: initial;-webkit-transition-delay: initial;transition-duration: initial;-webkit-transition-duration: initial;display: block;}
.product .left .img img{opacity: 1; transform: none;transition-delay: initial;-webkit-transition-delay: initial;transition-duration: initial;-webkit-transition-duration: initial;}
.application ul li .imbx .description .tit{margin-bottom: 10px;}
.product .swiper-slide-active .right{transform: none;width: 100%;}
.product .swiper-container{padding-bottom: 60px;}
.product .right .parameter .detail{display: none;}
.cbottom{min-height: auto;}
.cbottom >a{line-height: 32px;}
.headerNews .newsBox{padding-top: 25px;margin-bottom: 80px;padding-bottom: 20px;}
.headerNews ul li a{padding: 0;}
.application ul li.active .imbx{transform: none;}
.application ul li .imbx .img img{opacity: 1;}
.contactUs .rightCont .box .desc #map{height: 250px;}
.realCont .content{margin-bottom: 0;}
.news .realCont .content .rightCont ul li a .newsTit{width: 100%;border-right: none;float: none;height: auto;text-align: left;padding: 0;}
.news .realCont .content .rightCont ul li a .contents{width: 100%;float: none;padding: 0;margin: 10px auto 15px;}
.case .realCont{padding-bottom: 0;}
.productIntroduce .part2 .table .tr .rights >div:first-child{padding-left: 0;}
.productIntroduce .part2 .table .tr .lefts{width: auto;padding: 0 5px;}
.productIntroduce .part2 .table .tr{font-size: 12px;}
.productIntroduce .part2 .table .tr>div{text-align: center;}
.productIntroduce .part2 .table .tr .rights{width: calc(100% - 60px);}
.productIntroduce .part2 .table .tr .rights.four >div{text-align: center;}
.productIntroduce .part2 .table .tr .rights.six >div{text-align: center;height: 60px;line-height: normal;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
header.active, .case header.active{z-index: 100;}
.case .projectIntroduce .titles{margin-bottom: 30px;}
.moreList{position: fixed;top: 60px;}
.superiority .abs{width: 100%;text-align: justify;}
.mobilebanner{display: block;max-height: 100%;}
.mobilebanner img{width: 100%;}
.mobilebanner .swiper-pagination span{background-color: #007aff;opacity: 1;}
.mobilebanner .swiper-pagination .swiper-pagination-bullet-active{background-color: #d31008;}
.demo-cont{display: none;}
.product .right .control-btn{display: none;}
.product:after{bottom: 0px;}
.application .mobile{overflow: hidden;}
.headerNews ul{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;justify-content: initial;}
.headerNews ul li:hover a{border: none;}
.headerNews .swiper-pagination{bottom: 0;}
.application .swiper-pagination{bottom: 0;}
.mobilenew{padding-bottom: 10px;}
.productIntroduce .advantage li .adDetail p{text-align: justify;}
.bt6 .productIntroduce .advantage li .adDetail p{padding-left: 0;}
.bt6 .productIntroduce .advantage li .adDetail p:before{display: none;}
.productIntroduce .part1, .product2 .part12{text-align: justify;}
.productIntroduce .advantage li .adDetail .imgborder{display: block;margin: 0 auto;}
.productType1 .equipment{padding-left: 0;}
.esBt .equipment .btStructure > img{max-width: 100%;width: 50%;}
.esBt .equipment#box4 .btStructure > img{width: 100%;}
.productIntroduce .part1, .product2 .part12{font-weight: 500;}
.productType1 .equipment .btStructure .leftBt .func{font-size: 14px;}
.productType1 .equipment .btStructure .leftBt .argument li{font-size: 14px;}
.productType1 .equipment .btStructure .leftBt .argument li .property img{vertical-align: sub;}
.productType1 .equipment .btStructure .leftBt .argument li .property span{width: auto; font-size: 16px;}
.productType1 .equipment .btStructure .leftBt .argument li .details{font-weight: 500;}
.productType1 .equipment .proParameter .imgL img{width: 50%;margin-bottom: 15px;}
.case .topCon .des .apply{width: 100%;}
.case .projectIntroduce a:hover{box-shadow: none;}
.news .realCont .content .rightCont ul li a .newsTit span{font-size: 18px;line-height: 1.5;text-align: left;}
.case .projectIntroduce a:hover:before{opacity: 0;}
.news .realCont .content .rightCont ul li a .more-btn{position: static;width: 90px;height: 24px;line-height: 24px;font-size: 12px;color: #f5f5f5;background-color: #d5d5d5;text-transform: uppercase;text-align: center;transition-duration: .5s;-webkit-transition-duration: .5s;background-image:initial;opacity: 1;}
.whiteBg, .header{z-index: 100;}
.introduce .rightCont .box .tags{margin: 0;}
.contactUs .rightCont .box .desc .map{margin-top: 5px;}
header{position: fixed;}
header .logo{left: 3%;}
.mobileshowcs{display: block;}
.mobileshowcs .cs{color: #095292;}
/*.mobileshowcs ul{overflow: hidden;}*/
.productShow{margin-bottom: 30px;}
.mobileshowcs ul li{width: 50%;float: left;height: 60px;margin-bottom: 10px;}
.mobileshowcs.espcs ul li{height: 80px;}
.mobileshowcs.espcs1 ul li{height: 40px;}
.productShow .sball .leftParameter, .productShow .sball .rightParameter{display: none;}
.eslul{display: none;}
.espli{display: block;}
.productType1 .equipment .proParameter ul.espul{width: 100%;overflow: hidden;}
.productType1 .equipment .proParameter ul.espul li{width: 50%;float: left;}
.productType1 .equipment .preponderance ul li .attr{margin-right: 0;width: calc(100% - 45px);}
.popPanel .contents .closeBox{top: 15px;position: fixed;}
.popPanel .contents{display: block;position: relative;height: auto;align-items:  initial;}
.popPanel .contents .img{width: 100%;float: none;}
.popPanel .contents .intro{width: 100%;padding: 0;float: none;overflow: hidden;height: auto;}
.popPanel{height: 100%;overflow: auto;}
.popPanel .contents .intro .list{float: none;}
.popPanel .bg{display: none;}
.popPanel .contents .intro .list .fixedL{margin-top: 5px;}
.contactUs .rightCont .box .desc .map p{position: relative;width: 100%;top: 0;left: 0;font-size: 14px;height: auto;padding: 8px;}
#dowebok section{display: none;}
#dowebok .fixedBanner{display: block;}
.case .projectIntroduce .casebox a .intro .productName{display: none;}
.case .projectIntroduce .casebox a .intro .list{display: none;}
.sbbtn{display: block; width: 140px;height: 28px;line-height: 25px;text-transform: uppercase;font-size: 12px;border: 1px solid #db524d;margin:  15px auto;text-align: center;color: #fff;margin-bottom: 5px;}
}